可爱老人网

 找回密码
 注册会员
搜索
查看: 827|回复: 26

妈妈说

[复制链接]
发表于 2023-5-14 21:30 | 显示全部楼层 |阅读模式
:doodle { @grid: 4 / 1120px 746px; z-index: 1; } @size: @r(40,100)px; @place: @r(5,90)% @r(5,20)%; background: rgba(@m3(@r(255)), @r(.6,.9)); clip-path: @shape( points: 360; r: abs.sin.tan(sin(1.5t)*1.14); ); @nth(@size) { @size: 160px; @place: center; cursor: pointer; } animation: rot @r(3,6)s infinite linear var(--state); @keyframes rot {to {transform: rotate(@p(-360,360)deg); } } :doodle { @size: auto 4em; bottom: 10px; --geci: "css-doodle player"; --motion: cover2; --tt: 1s; } /* 单元格两个伪元素显示lrc歌词 */ display: grid; place-items: center start; :before, :after { content: var(--geci); color: gray; /* 歌词底色 */ font: bold 2em sans-serif; text-shadow: 1px 1px 2px #000; white-space: pre; } :after { position: absolute; width: 0; color: darkgreen; /* 同步歌词颜色 */ overflow: hidden; animation: var(--motion) var(--tt) linear forwards var(--state); } @keyframes cover1 { from { width: 0; } to { width: 100%; } } @keyframes cover2 { from { width: 0; } to { width: 100%; } }

评分

参与人数 7人气值 +28 收起 理由
彩色风筝 + 5 赞一个!
老梦缘 + 3 赞一个!
红红的太阳 + 5 赞一个!
淡若天涯 + 2 赞一个!
真真 + 5 赞一个!

查看全部评分

发表于 2023-5-14 23:03 | 显示全部楼层

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
发表于 2023-5-15 04:19 | 显示全部楼层
欣赏老师精彩音画
发表于 2023-5-15 07:02 | 显示全部楼层
欣赏老师佳作,赞!
发表于 2023-5-15 08:07 | 显示全部楼层
欣赏老师佳作!
发表于 2023-5-15 09:18 | 显示全部楼层
欣赏佳作 - 赞!
发表于 2023-5-15 09:55 | 显示全部楼层
美好快乐,谢谢老师!
发表于 2023-5-15 09:59 | 显示全部楼层

欣赏老师佳作!
发表于 2023-5-15 11:11 | 显示全部楼层
欣赏老师精彩音画佳帖:妈妈说



发表于 2023-5-15 18:37 | 显示全部楼层
欣赏分享佳作!谢谢介绍!  
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-11-24 02:28

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表