午后・时光

苍穹(css-doodle版本2)

位置: 首页 > 黑氏音画[ 发布时间: 2023.4.14  作者: 水手  阅读: 251 ]
: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设置,它是一个圆球。

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