仙女手里的星星（学习黑师明日又幻想又妄想曲效果）
位置:
首页 >
悄然作业[ 发布时间: 2023.4.27 作者: 花飞飞 阅读: 173 ]
: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 发布: 这个贴子小播的表格的空间想象，得结合入门四理解。更快一些
