醉美水芙蓉 发表于 7 天前

亚伦汽车仪表

<style>
#biao{
    position:relative;background:#800000 url('https://pic1.imgdb.cn/item/699e5d8b01b9a5550a584809.png') no-repeat center/85% 85%;width:600px;height: 300px;border-radius:2%;
top: 0px; left: 10%;
animation:sese 6sinfinite alternate;
}
#zhen{position: absolute; transform: translate(-50%, -50%);
    background:#fff;width:4px;height: 185px;border-radius:50% 0%;
transform-origin:center 0%;top: 270px; left: 50%;
animation:swin 0.4s ease-in-out infinite alternate;
}
#zhe{position: absolute; transform: translate(-50%, -50%);
    background:#fff;width:4px;height: 185px;opacity:0;border-radius:50% 0%;
transform-origin:center 0%;top: 270px; left: 50%;
animation:swsw 1s ease-in-out infinite alternate;
}
#dian { width: 20px;height: 20px; background: #fff;top: 270px; left: 50%;position: absolute;
border-radius:50%;transform: translate(-50%, -50%);
}
@keyframes swin{
0%{
    transform:rotate(-180deg);
}
    20%{
    transform:rotate(-170deg);
}
30%{
    transform:rotate(-160deg);
}

100%{
    transform:rotate(-150deg);
}
}
@keyframes swsw{
0%{
    transform:rotate(-255deg);
}
100%{
    transform:rotate(-255deg);
}
}
@keyframes sese{
0%{filter:hue-rotate(360deg)contrast(110%)brightness(90%);
   
}

}
</style>
<div id="biao">
<div id="zhen"></div>
<div id="zhe"></div>
<div id="dian"></div>
</div>
    <audio id="aud" src="https://s2.cldisk.com/sv-w7/audio/43/ee/53/f0374f25e4f95f73ea9affe615c3e1f3/audio.mp3" loop autoplay ></audio>
    <script>

biao.onclick = () => aud.paused ? (aud.play(),zhen.style.opacity= '1',zhe.style.opacity= '0') : (aud.pause(),zhen.style.opacity= '0',zhe.style.opacity= '1');
       </script>

klxf 发表于 7 天前

亚伦老师的汽车仪表很漂亮呦

醉美水芙蓉 发表于 7 天前

klxf 发表于 2026-3-6 21:25
亚伦老师的汽车仪表很漂亮呦

是的很漂亮！

月明工作室 发表于 6 天前

欣赏了，问好芙蓉老师，春祺！

醉美水芙蓉 发表于 6 天前

月明工作室 发表于 2026-3-7 09:53
欣赏了，问好芙蓉老师，春祺！

谢谢老师支持！

jiansheta 发表于 前天 00:54

感谢分享，带来满满能量
页: [1]
查看完整版本: 亚伦汽车仪表