古茶（学习黑师《未闻花名》播放效果）

位置: 首页 > 悄然作业[ 发布时间: 2023.4.16 作者: 花飞飞阅读: 216 ]

:doodle {@grid: 8 / 300px;@shape: circle;perspective: 200px;cursor: pointer;position: absolute;right: 190px;bottom:180px;z-index: 10; --state: running;}@size: 1px 100%;@place-cell: center;background: rgba(@rn(50), @rn(255), @rn(90), .9);--sy: @rand(-360deg, 360deg);--sz: @rand(-360deg, 360deg);transform: rotateY(var(--sy)) rotateZ(var(--sz));animation: rot 30s linear infinite var(--state);@keyframes rot { to { transform: rotateY(calc(var(--sy) + 360deg)) rotateZ(calc(var(--sz) + 360deg)); } }

HCPlayer

前一篇: 牵丝戏-黄龄【学习黑师苍穹（css-doodle版本2）粒子伞校果】
下一篇: 彩虹的微笑（学习黑师曙光彩虹桥效果）

发表评论:

评论列表 [2条]

#2 | 悄然于 2023-4-16 17:38 发布: 搞定了。一点一点加上去，就知道问题在哪块了。

#1 | 马黑于 2023-4-16 12:22 发布: 这个要搬去dz论坛，需要将 css-doodle 部分转换成常规CSS+HTML+JS代码，我在论坛提供有代码的，你把帖子其他部分合成都那组代码即可。