博客网站右上角添加悬挂年兽 喜增龙年喜气源码

博客网站右上角添加悬挂年兽 喜增龙年喜气源码 - 友友资源
博客网站右上角添加悬挂年兽 喜增龙年喜气源码
此内容为付费资源,请付费后查看
320
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
付费资源
已售 225
图片[1] - 博客网站右上角添加悬挂年兽 喜增龙年喜气源码 - 友友资源

主题设置>>自定义代码>>自定义css,填写如下代码

@media screen and (min-width: 850px){    .NewYear {        width: 260px;        height: 300px;        display: inline-block;        background: url(图片地址) no-repeat 50%/100%;        vertical-align: middle;        position: fixed;        left: 85.8%;        top: 55px;        z-index: 50;        cursor: pointer;        animation: new-year 1.2s ease-in-out 0s infinite alternate;        margin-left: -1px;        transform-origin: 50% 0;        pointer-events: none;    }    }    @keyframes new-year{      0% {        transform: rotate(10deg);    }      100%{                transform: rotate(-10deg);      }    }

主题设置>>自定义代码>>自定义html代码,填写如下代码

<div class=\"NewYear\"></div>

CSS代码放到自定义css文件里面,html放到你的自定义头部html即可!!

注意:如果你的是全屏网站建议在pointer-events: none;下面加一行

即css代码16行左右哪里加

z-index: 999;

要不然会被文章的上浮遮挡!!

声明:
1.本站部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。
2.若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
3.如果本站有侵犯、不妥之处的资源,请联系我们。将会第一时间解决!
4.本站部分内容均由互联网收集整理,仅供大家参考、学习,不存在任何商业目的与商业用途。
5.本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与任何商业和非法行为,请于24小时之内删除!
© 版权声明
THE END
喜欢就支持一下吧
点赞375 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容