找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 46|回复: 0

迟来的爱 - 小阿枫

[复制链接]

6

主题

36

回帖

1938

积分

听雨闲人

积分
1938
发表于 2024-1-21 22:11:31 | 显示全部楼层 |阅读模式 IP:
[i=s] 本帖最后由 亚伦影音工作室 于 2024-1-21 22:23 编辑 [/i]

    :doodle {z-index:80 ; @grid: 2 / 260px 60px; position: absolute; color: var(--color); bottom: 5%;left: 72%; --prog: 0%; --size: 40px; --ttmsg1: '00:00'; --ttmsg2: '00:00'; --color: lightgreen; --state: paused; } /* 时间信息 : 左 */ @nth(1) { @place: 10% 80%; :after { content: var(--ttmsg1); } } /* 控制器 */ @nth(2) { @size: var(--size); clip-path: @shape( points: 360; r: abs.sin.tan(sin(3.5t)*1.14); ); @place: 45% 35%; background: var(--color); animation: rot 6s infinite linear var(--state); } /* 时间信息 : 右 */ @nth(3) { @place: 80% 80%; :after { content: var(--ttmsg2); } } /* 进度条 */ @nth(4) { @place: 40% 80%; @size: 100% 2px; background: #bbb; display: grid; place-items: center start; :before { content: ''; width: var(--prog); height: 100%; background: var(--color); } } @keyframes rot { to { transform: rotate(1turn); } } 迟来的爱 - 小阿枫
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    手机版|小黑屋|离退休论坛 ( 浙B2-20100176 )

    GMT+8, 2024-11-25 09:12 , Processed in 0.069493 second(s), 20 queries .

    Powered by Discuz! X3.5

    © 2001-2024 Discuz! Team.

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