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

位置: 首页 > 悄然作业
[发布: 2023.4.16  作者: 花飞飞  阅读: 273]
: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代码,我在论坛提供有代码的,你把帖子其他部分合成都那组代码即可。

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com