小城夏天（马黑黑原创）

朵拉 · 发表于 2023-5-15 23:13

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

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

x

本帖最后由朵拉于 2023-5-15 23:22 编辑

:doodle { @size: 1024px 640px; background: url('https://pic2.imgdb.cn/item/64624b180d2dde577786d629.webp') no-repeat center/cover; pointer-events: none; margin: -80px 0 0 calc(50% - 593px); box-shadow: 0 0 8px #000; --state: paused; } @size: 200px; @place: center 120px; cursor: pointer; pointer-events: auto; @at(1,1) { background: gray linear-gradient(red,green,red); clip-path: @shape( points: 300; frame: 60; scale: .65; r: abs.cos(9t) ^ cos(9t); ); animation: rot 6s infinite linear var(--state); } @at(1,2) { @size: 100px; @place: 360px 420px; background: linear-gradient(silver,lightgreen); clip-path: @shape( points: 720; scale: .4 .3; -y: cos(5t) + cos(3t) + cos(5t); x: sin(3t) + sin(3/t) + sin(2t); ); transform-origin: bottom bottom; animation: swing .5s infinite alternate linear var(--state); } @keyframes rot { to { transform: rotate(1turn); } } @keyframes swing { from { transform: rotate(-2deg); } to { transform: rotate(2deg); } }