SVG 水滴索引

天马行空般的设计甩到面前,含着泪也要做出来 ——百度前端工程师的内心独白 之前接到了一个需求,设计师同事想在网页中使用一个类水滴效果的索引条。Duang,Duang,这醉人的需求,抹着泪打开chrome开始摸索。。。 (设计师要求效果) 如何能用代码模拟出实际生活中水滴的效果呢? 1)调研 思路来源于生活,我们要知道其所以然。 实际生活中水滴是如何运作的: 水滴与水源连接桥的渐变过程: (随着水滴逐渐脱离水源,连接桥是越来越细,直至变成一个点) 水滴脱离水源的关键帧: 参考文献:《The... 阅读