求教一个心形马赛克动画

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 1756 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

CSS animate

4 条回复 • 2020-02-02 10:59:04 +08:00

zsxeee

2020-02-02 03:38:00 +08:00 via Android

animation-delay, transition-delay

hackyuan

2020-02-02 08:31:14 +08:00 via iPhone

uxstone

2020-02-02 10:09:15 +08:00

qibing2000

2020-02-02 10:59:04 +08:00 via iPhone

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

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