求教一个心形马赛克动画

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 2322 days ago, the information mentioned may be changed or developed.

晚上瞄到了这个纯 CSS 动画~ 琢磨了半天也没画出来。
马赛克应该是用 shadow 画的。
但结合这个错落的动画是咋实现的呢？
求教~~

CSS animate

4 replies • 2020-02-02 10:59:04 +08:00

zsxeee

Feb 2, 2020 via Android

animation-delay, transition-delay

hackyuan

Feb 2, 2020 via iPhone

uxstone

Feb 2, 2020

Kizishao

Feb 2, 2020 via iPhone

感觉像写一个粒子发生器差不多。建议先从一个块开始，然后多点，最后考虑形状。

额外还可以拓展下根据照片背景来自动生成轮廓。