统计
  • 建站日期:2021-03-10
  • 文章总数:275 篇
  • 评论总数:115 条
  • 分类总数:21 个
  • 最后更新:9月4日
文章 技术代码

侧面增加躲猫猫代码

小椿
首页 技术代码 正文


增加以下代码到CSS文件里

/*躲猫猫开始*/
            #maomao {
                position: fixed;
                bottom: 150px;
                right: -5px;
                width: 57px;
                height: 70px;
                background-image: url(http://www.t35.cn/content/templates/card/img/mao.svg);
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                transition: background .3s;
            }

            #maomao:hover {
                background-position: 60px 50%;
            }.lazyloaded{--lazy-animation: lazy_scale;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
  }
  /*躲猫猫结束*/

增加以下代码到底部文件footer.php里

     <!--躲猫猫-->
        <div id="maomao" onmouseout="duoMaomao()">
            <input type="button" onclick="autoPlay()" hidden="true">
        </div>
版权声明 1 本站名称:乡野风情
2 本站网址:http://www.t35.cn/
3 本文网址:http://www.t35.cn/jsdm/257.html
4 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ:550966987进行删除处理。
5 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
6 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
7 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
-- 展开阅读全文 --
彩色圆点气泡跟随 鼠标光标动画特效
« 上一篇
CSS3-Hover按钮边框动画特效
下一篇 »

发表评论