你不知道的黑科技玩法!

  • 来源:本站原创
  • 作者:天互数据
  • 时间:2019-09-26 14:51:00
  • 阅读:225次

中秋过后的这一周

我们主要的任务就是:等国庆!

小伙伴们是不是都已经蠢蠢欲动

迫不及待想要为祖国庆生了

天互数据的程序猿们也准备了一个超炫的

黑科技样式

让大家感受到浓浓的节日氛围


那么接下来就让小编

教大家使用黑科技和模板吧







源码如下:

 <style type="text/css">


                * {

                    cursor: url('https://www.idcs.cn/20191001/guoqing.png'),default!important;

                }

            </style>

                <main>

                    <div class="content">

                        <img class="content__img" src="https://www.idcs.cn/20191001/images/guo.jpg" alt="Some image" /><!--国-->

                        <img class="content__img" src="https://www.idcs.cn/20191001/images/qing.jpg" alt="Some image" /><!--庆-->

                        <img class="content__img" src="https://www.idcs.cn/20191001/images/jie.jpg" alt="Some image" /><!--节-->

                        <img class="content__img" src="https://www.idcs.cn/20191001/images/kuai.jpg" alt="Some image" /><!--快-->

                        <img class="content__img" src="https://www.idcs.cn/20191001/images/le.jpg" alt="Some image" /><!--乐-->

                    </div>

                </main>

                <link rel="stylesheet" type="text/css" href="https://www.idcs.cn/20191001/css/base.css" />

                <script>

                    document.documentElement.className="js";

                    var supportsCssVars=function(){

                        var e,t=document.createElement("style");

                        return t.innerHTML="root: { --tmp-var: bold; }",

                            document.head.appendChild(t),

                            e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),

                            t.parentNode.removeChild(t),e

                    };

                    supportsCssVars();

                </script>

                <script src="https://www.idcs.cn/20191001/js/imagesloaded.pkgd.min.js"></script>

                <script src="https://www.idcs.cn/20191001/js/TweenMax.min.js"></script>

                <script src="https://www.idcs.cn/20191001/js/demo.js"></script>



这种好玩的样式还可以定制的哦,如果小伙伴需要做黑科技的定制,可以添加大小姐的微信idcs999进行联系。


1569479077991796.jpg

天互热线:400-675-6239

 

天互数据 西北一流的IDC服务商

服务器租用服务器托管机柜大带宽美猴云相关产品

返回首页立即咨询购买