在我心目中有赞前端团队感觉非常不错,特意看了看他们网站有没有好玩的动画,最终发现一个水波纹动画,感觉挺有意思,和小伙伴们分享一下。有没有发现这个弹窗底部有一个水波纹一直在动。
看到这个效果,我没想到有什么好的实现方式,最终通过分析他们的代码还原了这个效果。
做动画其实还有一招「欺骗用户的眼睛」,看似很高大尚的动画,其实可能很简单。就像今天这个动画,其实就是一个旋转和位移就搞定了。
首先看一个效果,椭圆旋转的效果是什么样的?
如果让一个椭圆做旋转动画,你会发现它有点像水波纹运动。
如果让这个椭圆边旋转边滚动呢,你会发现它在扭曲着“