我们都一样（马黑黑原创）

朵拉 · 发表于 2023-5-7 21:03

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

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

x

本帖最后由朵拉于 2023-5-7 21:08 编辑

:doodle { @grid: 4 / 1024px 640px; background: url('https://pic2.imgdb.cn/item/6457a1e00d2dde57777e5b76.jpg') no-repeat center/cover; margin: -80px 0 0 calc(50% - 593px); box-shadow: 0 0 8px #000; pointer-events: none; --state: running; } @match(i <= 12) { @place-cell: 50% 15%; @size: calc(@i() * 12px); @shape: bud 10; border: 6px solid #@repeat(6, @p([0-9a-f])); pointer-events: auto; cursor: pointer; animation: rot 4s infinite linear var(--state); } @match(i > 12) { background: gray; @size: @p(40px, 80px); @shape: @p(whale,fish); @place-cell: 720px 440px; transform: rotate(calc((@size() - @i() + 1) * 30deg)) translate(80px); } @keyframes rot { to { transform: rotate(360deg); } }