:doodle { @grid: 200x1/ 40vmin; perspective: 40vmin; background: #000; } @place-cell: center; @size: 40% 3px; will-change: transform, opacity; transform-style: preserve-3d; background: linear-gradient(to left, @multi(@p([2-4]), @p(#00b8a9, #f8f3d4, #f6416c, #ffde7d)), transparent @r(50%) ); animation: move @r(1s, 2s, .1) linear infinite; animation-delay: -@r(.1s, 2s); --trans: translateX(50%) rotateX(@r(-180deg, 180deg)) rotateY(@r(-180deg, 180deg)) rotateZ(@r(-180deg, 180deg)); transform-origin: 0 center; transform: var(--trans) scale(2); opacity: 0; @keyframes move { 20% { opacity: 1; } 100% { transform: var(--trans) scale(0); } }

2019 年累積的文章數量

LP

2,248

2019 年累積的社群留言

LP

57,300

2019 年累積的按讚數量

LP

430,864

LP

22,920

翻開覆蓋的卡

2019 年累積的

文章數量

LP

2,248

2019 年累積的

社群留言

LP

57,300

2019 年累積的

按讚數量

LP

430,864

2019 年累積的

分享數量

LP

22,920

Author by

@DongGuaLemon