2023.6.7惜别

位置: 首页 > 黑氏音画
[发布: 2024.2.20  作者: 马黑黑  阅读: 127]
:doodle { @size: 1024px 640px; background: teal url('https://638183.freep.cn/638183/t23/2/118.jpg') no-repeat center/cover; box-shadow: 0 0 8px #000; position: relative; margin: 20px auto; z-index: 1; --state: running; } @place: center; @nth(@size,@size - 1) { @size: 120px; cursor: pointer; background: none; } @nth(@size - 1) { background: tan; clip-path: @shape( points: 200; scale: .8; frame: 100; r: sin(7t)/2^cos(14t)/4; ); animation: rot 6s infinite linear var(--state); } @match(i ≤ @size - 2) { @size: 20px; position: absolute; background: rgba(@m3(@r(255)),.95); border-radius: 50%; transform: rotate(var(--deg)) translate(100px); animation: go 10s infinite linear var(--state); --deg: calc(@i * 360deg / (@size - 2)); } @keyframes rot { to { transform: rotate(360deg); } } @keyframes go { to { transform: rotate(calc(-360deg + var(--deg))) translate(100px); } }

前一篇: 2023.6.6公园嚎嚎小熊变
下一篇: 2023.6.10鹰

发表评论:

  
 

评论列表 [0条]

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com