子比主题 – 顶部悬挂样式

admin WordPress

2025-06-18 0 462

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

代码部署：

[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]

收藏 (0) 打赏