这是一篇子比主题顶部悬挂的样式代码 鼠标滑动那么 悬挂也跟着走,非常的实用,喜欢的自行部署!

 

代码部署:

[hidecontent type=”reply” desc=”隐藏内容:评论后查看”]

HTML代码

放到:子比主题–>>自定义头部HTML代码即可!

<div class="tengfei_hang"></div>

下面代码放到:自定义CSS样式即可!

@media screen and (min-width: 850px) {
            .tengfei_hang {
                width: 150px;
                height: 200px;
                display: inline-block;
                background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01mCJxMU1QbImPZHBHZ_!!2210123621994.webp) no-repeat 50%/100%;
                vertical-align: middle;
                position: fixed;
                left: 90%;
                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);
            }
        }

 

[/hidecontent]

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。