求教一个心形马赛克动画

2020-02-02 02:13:24 +08:00
 lqzhgood

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

3030 次点击
所在节点    CSS
4 条回复
zsxeee
2020-02-02 03:38:00 +08:00
animation-delay, transition-delay
hackyuan
2020-02-02 08:31:14 +08:00
uxstone
2020-02-02 10:09:15 +08:00
qibing2000
2020-02-02 10:59:04 +08:00
感觉像写一个粒子发生器差不多。建议先从一个块开始,然后多点,最后考虑形状。

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/641537

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX