绿叶清舟 发表于 2022-6-30 18:44

愿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>

红影 发表于 2022-6-30 19:29

那只猫好像在祈祷，而当中的转动气泡很像魔法球{:4_173:}

红影 发表于 2022-6-30 19:30

欣赏清舟漂亮的制作，跟清舟一起祝福猫猫平安@大猫咪 {:4_204:}

四海八荒 发表于 2022-6-30 19:47

你快回来@大猫咪

绿叶清舟 发表于 2022-6-30 20:20

红影 发表于 2022-6-30 19:29
那只猫好像在祈祷，而当中的转动气泡很像魔法球

可能底色关系，感觉转动不是很明显的了

绿叶清舟 发表于 2022-6-30 20:20

四海八荒 发表于 2022-6-30 19:47
你快回来@大猫咪

谢谢四海

加林森 发表于 2022-6-30 20:26

猫猫快回来！@大猫咪

马黑黑 发表于 2022-6-30 21:41

大猫咪还木来

红影 发表于 2022-7-1 15:29

绿叶清舟 发表于 2022-6-30 20:20
可能底色关系，感觉转动不是很明显的了

还是能看出来的呢{:4_204:}

小九 发表于 2022-7-4 10:21

{:4_187:}

绿叶清舟 发表于 2022-7-4 15:07

红影 发表于 2022-7-1 15:29
还是能看出来的呢

是啊，可能再大些更明显了

绿叶清舟 发表于 2022-7-4 15:08

小九 发表于 2022-7-4 10:21


九今天有空啊

红影 发表于 2022-7-4 22:21

绿叶清舟 发表于 2022-7-4 15:07
是啊，可能再大些更明显了

把透明的百分比缩小点，就更明显了。

绿叶清舟 发表于 2022-7-4 22:37

红影 发表于 2022-7-4 22:21
把透明的百分比缩小点，就更明显了。

好的，谢谢影，还没仔细看过代码了{:4_189:}

加林森 发表于 2022-7-5 12:26

{:4_178:}

红影 发表于 2022-7-5 15:13

绿叶清舟 发表于 2022-7-4 22:37
好的，谢谢影，还没仔细看过代码了

我也经常这样呢，满足于能做出来就好，不仔细去看代码{:4_173:}

绿叶清舟 发表于 2022-7-5 16:14

红影 发表于 2022-7-5 15:13
我也经常这样呢，满足于能做出来就好，不仔细去看代码

反正能套上大概能看了就行

小九 发表于 2022-7-5 21:20

绿叶清舟 发表于 2022-7-4 15:08
九今天有空啊

瞎忙

绿叶清舟 发表于 2022-7-5 21:58

小九 发表于 2022-7-5 21:20
瞎忙

身体全好了吧

红影 发表于 2022-7-6 11:01

绿叶清舟 发表于 2022-7-5 16:14
反正能套上大概能看了就行

哈哈，咱俩一样一样的{:4_173:}
页: [1] 2 3
查看完整版本: 愿TO大猫咪