- UID
- 16
版主
- 主题
- 486
- 回帖
- 7769
- 精华
- 52
- 积分
- 15181
- 金币
- 130654 枚
- 鲜花
- 3414 朵
- 注册时间
- 2023-5-5
- 最后登录
- 2024-9-27
|
本帖最后由 婴宁 于 2023-8-11 07:19 编辑
:doodle {
@grid: 4 / 200px;
background: url('https://638183.freep.cn/638183/t23/btn/laba1.png') no-repeat 0px 50px / 100px 100px;
cursor: pointer;
position: absolute;
left: 1000px;
top: 280px;
--state: running;
}
:doodle(:hover) { transform: skew(2deg); }
position: absolute;
@place-cell: 80px 46%;
:after {
content: @p(♫,♪,♩,♬);
color: @p(red,pink,orange,green,blue,white);
}
animation: fly 1s @r(-2,2)s infinite var(--state);
@keyframes fly {
from { transform: rotate(0deg) translate(0px); }
to { transform: rotate(@r(-60,60)deg) translate(110px); }
}
|
评分
-
4
查看全部评分
-
|
发表于 2023-8-11 07:19
发表于 2023-8-11 07:57
