苍穹（css-doodle版本2）
位置:
首页 >
黑氏音画[ 发布时间: 2023.4.14 作者: 水手 阅读: 258 ]
:doodle { @size: 1024px 420px; }@size: @r(2,8)px;@place-cell: 50% 102%;background: rgb(@r(0,255),@r(0,255),@r(0,255));border-radius: 50%;animation: play 8s @r(-8,8)s infinite alternate var(--state);@at(20,20) {@size: 100px;@place-cell: 50% 100%;background: lightblue url('https://638183.freep.cn/638183/t22/webp/star.webp') center/cover no-repeat;cursor: pointer;animation: rot 4s infinite linear var(--state);}@keyframes play { to {transform: rotate(@r(-90,90)deg) translateY(-400px); } }@keyframes rot { to { transform: rotate(360deg); } }
前一篇: 城南花已开
下一篇: 未闻花名
发表评论:
评论列表 [2条]
#2 | 悄然 于 2023-4-14 15:27 发布: 中间的半个圆加星星闪光，象是一个神秘的粒子伞的容身之地，更漂亮。。
#1 | 马黑 于 2023-4-14 12:42 发布: 本帖，css-doodle的overflow属性继承父元素的设置，所以 @place-cell 定位的有星星旋转的中间那个只显示一半。若没有 hidden 的overflow设置，它是一个圆球。
