2023.5.20海

位置: 首页 > 黑氏音画
[发布: 2024.2.19  作者: 马黑黑  阅读: 194]
:doodle { @size: 1024px 640px; background: url('https://638183.freep.cn/638183/t23/webp1/sea1.webp') no-repeat center/cover, linear-gradient(blue,green); background-blend-mode: lighten; box-shadow: 0 0 8px #000; position: relative; margin: 20px auto; z-index: 1; --state: paused; } @match(@i ≤ @size - 1) { @size: @r(50,100)px; @shape: @p(fish, whale); @place:50px 50px; background: rgba(@m3(@r(255)), .9); offset-path: path('M@r(200) @r(200), L@r(800,1000) @r(300), L@r(400,550) @r(500,640)Z'); :after { position:absolute; content: ''; right: 10px; width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(black,snow); } animation: swim @r(10,30)s @r(-10, 0)s infinite ease-in-out var(--state); } @nth(@size) { @shape: bud 5; @size: 100px; @place: center 90%; background: rgba(200,20,20,.65); cursor: pointer; animation: rot 5s infinite linear var(--state); } @keyframes swim { to { offset-distance: 100%; } } @keyframes rot { to { transform: rotate(360deg); } }

前一篇: 2023.5.19来自我们的声音
下一篇: 2023.5.21寻

发表评论:

  
 

评论列表 [1条]

#1 | 悄然 于 2024-2-19 09:41 发布: 记号一下,鱼不跑

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