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

普陀申木

山水人家

看不见。

静悟

https://pan.111t.net/view.php/96 ... 333b63b0b4dc83.html

静悟

老师上传的空间代码在本帖没有显示。

静悟

: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); } }

人生百味杂陈

博客

全屏观赏