古茶(学习黑师《未闻花名》播放效果)
位置:
首页 >
悄然作业[发布: 2023.4.16 作者: 花飞飞 阅读: 241]
: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代码,我在论坛提供有代码的,你把帖子其他部分合成都那组代码即可。