午后・时光

仙女手里的星星(学习黑师明日又幻想又妄想曲效果)

位置: 首页 > 悄然作业[ 发布时间: 2023.4.27  作者: 花飞飞  阅读: 219 ]
:doodle { @grid: 4 / 1024px 640px; background: url('https://pic2.imgdb.cn/item/644a875b0d2dde57770b8779.jpg') no-repeat center/cover; margin: auto; box-shadow: 0 0 8px #000; pointer-events: none; } @match(i <= 12) { @place-cell: 54% 55%; @size: calc(@i() * 8px); @shape: star; border: 18px solid #@repeat(6, @p([0-9a-f])); pointer-events: auto; cursor: pointer; animation: rot 4s infinite linear var(--state); } @match(i > 12) { background: MediumPurple; @size: @p(40px, 80px); @shape: @p(star,star); @place-cell: 720px 440px; transform: rotate(calc((@size() - @i() + 1) * 30deg)) translate(80px); border: 13px solid #@repeat(6, @p([0-9a-f])); } @keyframes rot { to { transform: rotate(360deg); } }

前一篇: 黑暗森林(学习黑师八爪章鱼鼠标跟随效果)
下一篇: 纯css-doodle布局举例贴第一次更改(加音乐)

发表评论:

       

评论列表 [3条]

#3 | 悄然 于 2023-4-28 17:29 发布: 不造啊。您老人家是打算幻想还是打算妄想呢,你的帖子和帖子说明标题就这么写的。

#2 | 马黑 于 2023-4-27 23:47 发布: 又幻想又妄想啥意思:-D。很不错的设计。

#1 | 飞飞 于 2023-4-27 22:55 发布: 这个贴子小播的表格的空间想象,得结合入门四理解。更快一些

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