愿TO大猫咪
<style>.papa { left: -200px; width: 1000px; height: 700px; background: rgba(0,0,0,.6) url('https://pic.imgdb.cn/item/62bd7c9b1d64b070665860f0.jpg') no-repeat center / cover; box-shadow: 0 2px 30px #000; overflow: hidden; position: relative; perspective: 1000px; }
.papa input { border: none; outline: none; opacity: .75; cursor: pointer; }
.papa p { margin: 0; padding: 0; }
.playbox { position: absolute; top: 10px; right: 10px; padding: 10px; width: fit-content; font: normal 1em sans-serif; color: ghostwhite; background: rgba(255,255,255,.25); backdrop-filter: blur(2px); overflow: hidden; box-shadow: 1px 2px 2px #000; text-shadow: 1px 1px 1px #000; z-index: 100; }
.ball {
left: 400px;
top: 135px;
width: 262px;
height: 262px;
background: #ccc;
position: relative;
animation: rot 10s linear infinite;
border-radius: 50%;
background: snow linear-gradient(65deg, black, tan, teal, tomato, green, red, white);mask-image: radial-gradient(transparent 60%, #eee);-webkit-mask-image: radial-gradient(transparent 60%, #eee);position: absolute; }
#btnplay { width: 30px; height: 30px; border-radius: 50%; }
#btnplay:hover { background: #aaa; color: #ff0000; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>
<div class="papa">
<div class="ball"></div>
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=1910700330.mp3" autoplay="autoplay" loop="loop"></audio>
</div> 那只猫好像在祈祷,而当中的转动气泡很像魔法球{:4_173:} 欣赏清舟漂亮的制作,跟清舟一起祝福猫猫平安@大猫咪 {:4_204:} 你快回来@大猫咪 红影 发表于 2022-6-30 19:29
那只猫好像在祈祷,而当中的转动气泡很像魔法球
可能底色关系,感觉转动不是很明显的了 四海八荒 发表于 2022-6-30 19:47
你快回来@大猫咪
谢谢四海 猫猫快回来!@大猫咪 大猫咪还木来 绿叶清舟 发表于 2022-6-30 20:20
可能底色关系,感觉转动不是很明显的了
还是能看出来的呢{:4_204:} {:4_187:} 红影 发表于 2022-7-1 15:29
还是能看出来的呢
是啊,可能再大些更明显了 小九 发表于 2022-7-4 10:21
九今天有空啊 绿叶清舟 发表于 2022-7-4 15:07
是啊,可能再大些更明显了
把透明的百分比缩小点,就更明显了。 红影 发表于 2022-7-4 22:21
把透明的百分比缩小点,就更明显了。
好的,谢谢影,还没仔细看过代码了{:4_189:} {:4_178:} 绿叶清舟 发表于 2022-7-4 22:37
好的,谢谢影,还没仔细看过代码了
我也经常这样呢,满足于能做出来就好,不仔细去看代码{:4_173:} 红影 发表于 2022-7-5 15:13
我也经常这样呢,满足于能做出来就好,不仔细去看代码
反正能套上大概能看了就行 绿叶清舟 发表于 2022-7-4 15:08
九今天有空啊
瞎忙 小九 发表于 2022-7-5 21:20
瞎忙
身体全好了吧 绿叶清舟 发表于 2022-7-5 16:14
反正能套上大概能看了就行
哈哈,咱俩一样一样的{:4_173:}