惊鸿一面(学习黑师《烟花落尽》频谱效果)

位置: 首页 > 悄然作业
[发布: 2023.7.17  作者: 花飞飞  阅读: 271]
花潮lrc在线
:doodle { @grid: 8x8 / 1300px 768px; } :container {perspective: 1000px;transform-style: preserve-3d;}@place-cell: center;left:370px;top:300px;@random {width: @rand(1, 60)vmin;height: @rand(1, 30)vmin;border-radius: 50%;border: 2px dashed Tomato;transform-style: preserve-3d;will-change: transform, opacity;animation: rotate 10s infinite -@rand(30)s linear alternate var(--state);transform-origin: center center;}@keyframes rotate {0% {transform: translate3d(0, 0, 0) rotate(0);opacity: 0;}5% {opacity: 1;}70% {transform:translate3d(0, 0, 20vmin)rotateX(calc(@p(-2, 2) * @r(15deg, 165deg)))rotateY(calc(@p(-2, 2) * @r(15deg, 165deg)))rotateZ(calc(@p(-2, 2) * @r(15deg, 165deg)))}100% {transform: translate3d(1, 0, 1) rotate(0);opacity: 0;}}

前一篇: 天长地久(学习黑师《太阳地球月亮》旋转效果)
下一篇: 玉骨遥(学习黑师《无尽虚空》频谱效果)

发表评论:

  
 

评论列表 [3条]

#3 | 悄然 于 2023-7-18 08:23 发布: 已更改。。。很有意思的是,改前手机看正常,百分看正常。。。。今天用火狐看就没显示了。。。现在改好了。。

#2 | 马黑 于 2023-7-17 23:22 发布: 这个,现在 css-doodle 不起作用,需要更换资源链接

#1 | 悄然 于 2023-7-17 20:50 发布: 老师家后院逛一圈,《Saudade》这个贴子还没跟过,就抓来一起凑个贴子。。

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