全屏欣赏 :doodle {z-index: 80;@grid: 2 / 260px 80px;position: absolute;color: #fff;bottom: 30px;right: 30px;--prog: 0%;--size: 50px;--ttmsg1: '00:00';--ttmsg2: '00:00';--color: radial-gradient(#FFD700, #FFA500, #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); } } 《蜗牛与黄鹂鸟》