夏天的冰淇淋（学习黑师彩色花播放效果）

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

HCPlayer

:doodle { @grid: 1x100 / 300px; position: absolute; bottom: 4; right:50px; cursor: pointer; animation: rot 6s infinite linear var(--state); } @place-cell: center; @size: calc(100% - @calc(@index - 1) * 1%); background: hsla( calc(calc(100 - @index) * 2.55), calc(@index * 1%), 65%, calc(@index / 100) ); clip-path: @shape( fill-rule: evenodd; split: 200; scale: .45; x: cos(2t) + cos(π - 5t); y: sin(2t) + sin(π - 5t); ); @keyframes rot { to { transform: rotate(360deg); }@shape: clover @p(3,4,5);@size: @r(40, 60)px;@place: @r(10, 1010)px @r(10, 200)px;@at(1,1) {@size: 180px;@place: 140px 500px;background: lightblue;clip-path: @shape(points: 180; r: cos(4t); );}animation: rot 6s @r(-2, 0)s infinite linear var(--state);@keyframes rot { to { transform: rotate(360deg); } }

前一篇: 光明之门（学习黑师《少女之歌》播放效果）
下一篇: 光亮的上书房（学习黑师《将进酒·见千山》绿叶子播放效果）

发表评论:

评论列表 [2条]

#2 | 悄然于 2023-4-25 19:21 发布: 有没有突然吓一跳啊。。哈哈。。。

#1 | 马黑于 2023-4-24 22:21 发布: 开头的笑声爽朗。歌词同步做的不错。帖子的构思、布局、用色，都挺好。