:doodle {@size: 100px; cursor: pointer; left:850px; top: 250px; z-index: 4; clip-path: @shape(fill: evenodd;
points: 200;
scale: .13;
k: 5;
x: (k+1)*cos(t) - cos((k+1)*t);
y: (k+1)*sin(t) - sin((k+1)*t););background: url('https://pic.imgdb.cn/item/648d13911ddac507ccceebcc.png') no-repeat center / cover; pointer-events: auto; animation: rot 6s infinite linear var(--state); } @keyframes rot { to { transform: rotate(360deg); } }
:doodle {@size: 320px 420px;left: 500px;top: 380px;cursor: pointer;z-index: 3;}@size: 50px;@place: calc(@col * 40px - 20px) calc(@row * 40px - 20px);font: normal 30px / 40px sans-serif;color:Pink;text-shadow: 2px 2px 4px #000;opacity: 0;:before {content: @pn([《咏梅》风雨送春归,飞雪迎春到。已是悬崖百丈冰,犹有花枝俏。俏也不争春,只把春来报。待到山花烂漫时,她在丛中笑。]);}animation: show .3s calc((@i - 1) * .3s) linear forwards var(--state);@keyframes show { to { opacity: 1; } }
|