求教一个心形马赛克动画

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

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

3010 次点击
所在节点    CSS
4 条回复
zsxeee
2020-02-02 03:38:00 +08:00
animation-delay, transition-delay
hackyuan
2020-02-02 08:31:14 +08:00
https://shanyuhai123.github.io/learnCSS/0020-pixel-animation-heart-shape/
uxstone
2020-02-02 10:09:15 +08:00
https://github.com/shanyuhai123/learnCSS#0020-pixel-animation-heart-shape
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