开往   虫洞   统计
  • 文章总数:228 篇
  • 评论总数:594 条
  • 分类总数:7 个
  • 最后更新:7月7日

右上角添加悬挂年兽喜增龙年喜气

本文阅读 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;

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

下载附件

效果图

Test

本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
简洁的可变透明度返回顶部按钮
« 上一篇 07-13
使用U盘搭建Web本地服务器
下一篇 » 02-16

发表评论


发表评论
    请配置好页面缩略名选项

标签TAG

AI
AI在线
在您需要帮助时能够及时提供解答
您好,这里是乙未博客,请问有什么能帮到您?