可爱老人网

 找回密码
 注册会员
搜索
查看: 316|回复: 4

人生百味杂陈,需要我们微笑面对

[复制链接]
发表于 2023-6-25 15:50 | 显示全部楼层 |阅读模式
发表于 2023-6-27 18:43 | 显示全部楼层
发表于 2023-6-27 18:44 | 显示全部楼层
老师上传的空间代码在本帖没有显示。
发表于 2023-6-27 18:49 | 显示全部楼层
本帖最后由 静悟 于 2023-6-27 18:51 编辑

人生百味杂陈,需要我们微笑面对
:doodle { @grid: 2 / 300px 60px; position: absolute;z-index: 40; color: var(--color); transform: scale(1); --prog: 0%; --size: 35px; --ttmsg1: '00:00'; --ttmsg2: '00:00'; --color:#ffffff; --state: paused; } /* 时间信息 : 左 */ @nth(1) { @place: 25% 80%; :after { content: var(--ttmsg1); } } /* 控制器 */ @nth(2) { @size: var(--size); @shape: clover 5; @place: 50% 35%; background: var(--color); animation: rot 6s infinite linear var(--state); } /* 时间信息 : 右 */ @nth(3) { @place: 75% 80%; :after { content: var(--ttmsg2); } } /* 进度条 */ @nth(4) { @place: 50% 80%; @size: 100% 2px; background: #aaaaaa; display: grid; place-items: center start; :before { content: ''; width: var(--prog); height: 100%; background: var(--color); } } @keyframes rot { to { transform: rotate(1turn); } }
人生百味杂陈
博客
全屏观赏
        
下一页 发布主题 快速回复

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

GMT+8, 2024-12-22 17:00

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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