全屏欣赏 :doodle {z-index:80; @grid: 2 / 260px 80px; position: absolute; color: var(--color); bottom: 30px; right:30px; --prog:0%; --size: 50px; --ttmsg1: '00:00'; --ttmsg2: '00:00'; --color:radial-gradient(#ff0000, #DC143C, #adff2f, #FA8072, #feca57); --state: paused; } @nth(1) { @place: 10% 80%; :after { content: var(--ttmsg1); } } @nth(2) { @size: var(--size); clip-path:@shape(points:360; r:abs.sin(6.0t)*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% 4px; background: #bbb; display: grid; place-items: center start; :before { content: ''; width: var(--prog); height: 100%; background: var(--color); } } @keyframes rot { to { transform: rotate(1turn); } } 翻唱《莲的心事》