咏梅之二（图/还是东城十里）

简静 · 发表于 2023-10-15 18:07

: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; } }