化蝶

非常开心 · 发表于 2023-10-28 22:19

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由非常开心于 2023-10-29 17:59 编辑

:doodle{ @size: 90px; left:460px; top: 650px; z-index: 40; clip-path: @shape(fill: evenodd; points: 50; scale: .45; x: cos(2t) + cos(π - 7t);y: sin(2t) + sin(7t);); background: tan; cursor: pointer; animation: rot 4s infinite linear var(--state); } @keyframes rot { to { transform: rotate(360deg); } }

:doodle { @size: 320px 620px;left: 80px;top: 60px;cursor: pointer;z-index: 50;} @size: 30px;@place: calc(@col * 30px - 15px) calc(@row * 30px - 15px);font: normal 24px / 40px sans-serif;color:tan;text-shadow: 1px 1px 2px #000;opacity: 0;:before {content: @pn([《梁山伯祝英台》中国民间爱情故事碧草青青花盛开，彩蝶双双久徘徊，千古传颂生生爱，山伯永恋祝英台，同窗共读整三载，促膝并肩两无猜，十八相送情切切，谁知一别在楼台。]);}animation: show .9s calc((@i - 1) * .9s) linear forwards var(--state);@keyframes show { to { opacity: 1; } }