小猫咪代码
贝塔
2023年11月19日 14:51 / 265 阅读 / 0 评论 / 正在检测是否收录...

教程开始

一个简单的 cssjs
演示图↓

IMG_20231119_144711.jpg


css

/*躲猫猫*/
#maomao {
    position: fixed;
    bottom: 40px;
    right: -5px;
    width: 57px;
    height: 70px;
    background-image: url(//lib.hackeus.cn/static/svg/mao.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: background .3s;
}

#maomao:hover {
    background-position: 60px 50%;
}...

js

<!--躲猫猫-->
<div id="maomao" onmouseout="duoMaomao()">
    <input type="button" onclick="autoPlay()" hidden="true">
</div>...
167

—— 评论区 ——

昵称
邮箱
网址
取消