SVG实现吸血蝙蝠变身动画

9,326 人浏览

2017-10-16 23:32:42

本文作者html5tricks，转载请注明出处

今天我们要分享一款基于SVG的炫酷动画，它是一只可以变身为吸血僵尸的吸血蝙蝠。首先我们利用SVG的路径绘制了一只会扇动翅膀的蝙蝠，并且蝙蝠在飞行的过程中还有阴影，这样更显得具有真实感。然后随便在页面空白地方点击鼠标，飞行的吸血蝙蝠立马摇身一变，变成了一只恶魔般的吸血僵尸，这中间我们仅仅是对SVG的路径进行了切换而已。