花成语-李小贝

显示全部楼层 · 发表于 2023-6-13 22:16

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由醉美水芙蓉于 2023-6-13 22:47 编辑

:doodle { @grid: 2 / 550px 100px; position: absolute; color: var(--color); bottom: 0; --prog: 0%; --size: 60px; --ttmsg1: '00:00'; --ttmsg2: '00:00'; --color: #33ff99; --state: paused; z-index:99; } @nth(1) {@place: 35% 100%;:after { content: var(--ttmsg1); }} @nth(2) {@size: var(--size);@shape: windmill;@place: 50% 35%;background: var(--color);animation: rot 6s infinite linear var(--state);} @nth(3) {@place: 65% 100%;:after { content: var(--ttmsg2); }} @nth(4) {@place: 50% 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); } }

:doodle { @size: 1120px 752px; } position: absolute; left: @r(100)%; top: -20%; :after { position: absolute; content: '@p(🌸,❀,🏵️,🌺,❄️,💮,🍃)'; color: snow; font-size: @r(12, 25)px; } animation: fall @r(8,20)s @r(-6, 6)s infinite var(--state); @keyframes fall { 0% { top: -20%; transform: rotate(0deg); } 100% {top: 120%; transform: rotate(360deg); } }

《花成语》 - 李小贝

花潮论坛lrc在线