Posts List

利用 d3.js 实现图标变形动画

利用 d3.js 实现图标变形动画

SVG 格式在 WEB 开发中有着广泛的应用,在使用 SVG 创建图标后,人们通常会为之增加一些简单动画:鼠标悬浮改变颜色透明度;利用 transform 旋转角度缩放尺寸;鼠标点击切换图标等,但这些简单动画并不过瘾。本文以「播放」和「暂停」图标切换为例,讲述如何创建图标变形动画,让图标切换更酷炫更平滑。