可爱老人网

 找回密码
 注册会员
搜索
查看: 982|回复: 30

生活闪亮时

[复制链接]
发表于 2023-5-25 22:31 | 显示全部楼层 |阅读模式
本帖最后由 醉美水芙蓉 于 2023-5-25 22:32 编辑

:doodle { @size: 1024px 640px; z-index: 1; } @size: @r(4, 8)px; @place: 390px 360px; border-radius: 50%; background: rgba(@m3(@r(222)), @r(.7, 1)); animation: fly @r(6,16)s @r(-6,0)s infinite linear var(--state); @nth(@size) { @size: 100px; @shape: bud 5; background: rgba(50,50,250,.7); cursor: pointer; animation: rot 5s infinite linear var(--state); } @keyframes fly { 0% { transform: perspective(800px) rotate(0) translate3d(0, 0, 0); } 100% { transform: perspective(800px) rotate(@p(-720, 720)deg) translate3d(var(--rx), var(--ry), var(--rz)); } } @keyframes rot { to { transform: rotate(360deg); } } --rx: @r(10,50)px; --ry: @r(10,80)px; --rz: @r(20,800)px; :doodle { @size: auto 4em; top: 10px; left:500px; --geci: "lrc在线"; --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%; } }

评分

参与人数 6人气值 +26 收起 理由
松柏一 + 3 赞一个!
静悟 + 5 赞一个!
红红的太阳 + 5 赞一个!
沧海笑 + 3 赞一个!
潇湘翁 + 5 赞一个!

查看全部评分

发表于 2023-5-26 04:21 | 显示全部楼层
欣赏老师美好音画!赞!
发表于 2023-5-26 05:12 | 显示全部楼层
欣赏老师精美音画,清晨问好。
 楼主| 发表于 2023-5-26 06:03 | 显示全部楼层
林林五 发表于 2023-5-26 04:21
欣赏老师美好音画!赞!

谢谢老师支持!

点评

谢谢  发表于 2023-5-26 07:43
 楼主| 发表于 2023-5-26 06:03 | 显示全部楼层
山水人家 发表于 2023-5-26 05:12
欣赏老师精美音画,清晨问好。

问候老师早上好!
发表于 2023-5-26 06:04 | 显示全部楼层
老师早晨好!欣赏您精彩的音画佳作!点赞支持!
发表于 2023-5-26 06:42 | 显示全部楼层
欣赏老师佳作,赞!
发表于 2023-5-26 09:08 | 显示全部楼层
欣赏老师佳作!
发表于 2023-5-26 09:50 | 显示全部楼层
欣赏佳作 - 赞!
发表于 2023-5-26 12:31 | 显示全部楼层
欣赏老师精彩音画佳作:生活闪亮时



        
下一页 发布主题 快速回复

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

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

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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