3D SVG动画 最终版!
Demo:
codepen.io
由于CSS的3d transform不能直接作用于<svg>元素 (因为svg有自己独立的坐标系,而且是二维的),所以需要在<svg>外面包裹一层<div>,然后把3d transform作用在<div>上。结合css 3d transform和drawSVG可以创造出很梦幻的动画。
Demo:
由于CSS的3d transform不能直接作用于<svg>元素 (因为svg有自己独立的坐标系,而且是二维的),所以需要在<svg>外面包裹一层<div>,然后把3d transform作用在<div>上。结合css 3d transform和drawSVG可以创造出很梦幻的动画。
展开
评论
8
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)