午后・时光

2023.5.9崛起

位置: 首页 > 黑氏音画[ 发布时间: 2024.2.18  作者: 马黑黑  阅读: 138 ]
:doodle { @grid: 10 / 1024px 640px; background: gray linear-gradient(-4deg,olive,transparent,black); box-shadow: 0 0 8px #000; position: relative; margin: 20px auto; z-index: 1; --state: paused; } position: absolute; @nth(1) { --deg: 10deg; @size: 80px; @place: 50% 10%; border-radius: 50%; box-shadow: 18px 18px snow; transform: rotate(-10deg); animation: rot .8s infinite alternate linear var(--state); :before { content: ''; @size: 100%; position: absolute; left: 18px; top: 18px; cursor: pointer; } } @match(i > 1 && i ≤ 80) { @size: @r(1,4)px; @place: @r(0, 100)% @r(0, 30)%; background: lightblue; --deg: -45deg; animation: fade @r(.8, 1.2)s @r(-.2, 1)s infinite alternate, rot @r(.5, 1.5)s infinite alternate; } @match(i > 80) { @size: @r(10px, 200px) @lr; background: linear-gradient(green,silver); left: @r(0, 100)%; bottom: 0; transform: translateY(@p(50%, 100%)) rotate(45deg) skew(@r(30, 40deg), @lr); } @keyframes fade { to { opacity: .2; } } @keyframes rot { to { transform: rotate(var(--deg)); } }

前一篇: 2023.5.2屋后
下一篇: 2023.5.10归来

发表评论:

       

评论列表 [0条]

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