子比美化 – 顶部悬挂2024小龙人&狐狸

其实此款代码也就是以前的节日灯笼演变而来,调整一下CSS替换图片即可得到不一样的效果,喜欢的快去试试吧!

效果演示

子比主题美化 – 顶部悬挂2024小龙人&狐狸-狐狸库

代码部署

在需要显示的地方添加如下代码即可。在这里加到顶部导航栏

文件路径:/www/wwwroot/huliku.com/wp-content/themes/zibll/inc/functions/zib-header.php

<div class="huliku_hang"></div>

CSS代码

/*<a href="https://huliku.com/tag/%e7%8b%90%e7%8b%b8%e5%ba%93" title="更多关于 狐狸库 的文章" target="_blank">狐狸库</a>悬挂开始*/
@keyframes lampLine-38cc6824 {
    0% {
        transform: rotate(10deg)
    }

    to {
        transform: rotate(-10deg)
    }
}
.huliku_hang {
    width: 170px;
    height: 170px;
    display: inline-block;
    background: url(图片链接地址) no-repeat 50%/100%;
    vertical-align: middle;
    position: absolute;
    left: 80%;
    top: 45px;
    z-index: 50;
    cursor: pointer;
    animation: lampLine-38cc6824 1.2s ease-in-out 0s infinite alternate;
    margin-left: -1px;
    transform-origin: 50% 0;
    pointer-events:none;
}
/*狐狸库悬挂结束*/

图片

有问题及时联系站长,QQ:1240555208
更多优质资源在QQ群里,可以进群领取:467392290~
© 版权声明
THE END
点赞15
及时反馈~ 抢沙发

请登录后发表评论

    暂无评论内容