|
楼主 |
发表于 2023-10-13 19:51
|
显示全部楼层
本帖最后由 简静 于 2023-10-13 22:11 编辑
:doodle { @size: 120px; cursor: pointer; right: 670px; top: 320px; opacity: .96;z-index: 4; }clip-path: @shape(points: 200;scale: .10;k: 3;x: (k+1)*cos(t) - cos((k+3)*t);y: (k+1)*sin(t) - sin((k+3)*t););background: url('https://pic.imgdb.cn/item/648d13911ddac507ccceebcc.png')no-repeat center / cover;;animation: rot 4s infinite linear var(--state);@keyframes rot { to { transform: rotate(360deg); } }:doodle {@size: 1020px 580px;border: rebeccapurple;} opacity: .36;@size: 5px;@place: 20px 160px;font: bold 20px sans-serif;font-shadow: 1px 1px 2px #F5F5F5;color: #FFFF;:after { content: '@pn([风雨送春归,飞雪迎春到。已是悬崖百丈冰,犹有花枝俏。俏也不争春,只把春来报。待到山花烂漫时,她在丛中笑。])'; }offset-path: path('M60 200 a100 60 0 1 0 640 0 a100 60 0 1 0 -640 0z'); mPath ¡ new Path(); offset-rotate: 0deg;animation: move 32s infinite linear var(--state);@keyframes move {from { offset-distance: calc(100% / @size * (@i - 1) + 100%); }to { offset-distance: calc(100% / @size * (@i - 1)); }}:doodle {@size:1020px 520px;border: rebeccapurple;} opacity: .36; @size: 10px;@place: 10px 160px;font: bold 30px sans-serif;font-shadow: 1px 1px 2px #F5F5F5;color: #FFFF;:after { content: '@pn([卜算子咏梅作者毛泽东 ])'; }offset-path: path('M160 160 a160 100 0 1 0 400 0 a150 100 0 1 0 -400 0z'); offset-rotate: 0deg;animation: move 16s infinite linear var(--state);@keyframes move {from { offset-distance: calc(100% / @size * (@i - 1)); }to { offset-distance: calc(100% / @size * (@i - 1) + 100%); }} |
评分
-
1
查看全部评分
-
|