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

图片[1]-换新颜给博客网站右上角添加悬挂年兽 喜增龙年喜气源码-轻刻年轮

简介-教程

换新颜新气象,给网站右上角挂一个龙,吸吸龙气

css第6行放入下面素材链接(本站开了防盗所以给你也无用就放下面了)

如果你的主题是自定义,那就是主题设置自定义里面

自定义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放到你的自定义头部html即可!!

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

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

即css代码16行左右哪里加

z-index: 999;

演示图

图片[2]-换新颜给博客网站右上角添加悬挂年兽 喜增龙年喜气源码-轻刻年轮
购买后下载不了源码或源码功能失效请联系小编,确认后可立即退款,请勿无理投诉
换新颜给博客网站右上角添加悬挂年兽 喜增龙年喜气源码-轻刻年轮
龙挂件素材
此内容为免费资源,请登录后查看
0
免费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞6赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容