本篇介绍如何使用css3常用的动画效果。
方法/步骤
1
第一种动画效果是360°旋转效果。css代码如图。
2
查看动态效果。如图所示。
3
第二种效果是放大效果,需要修改scale(放大的值)。如图。
4
浏览器查看效果,如图所示。
5
第三种是旋转放大效果,要同时修改rotate(旋转度数)和scale(放大值)。如图。
7
常用第四种是上下左右移动效果,需要修改translate(x轴,y轴),如图。
8
查看最终效果,如动态图所示。
上一篇:Qt如何使用SVG
第一种动画效果是360°旋转效果。css代码如图。
查看动态效果。如图所示。
第二种效果是放大效果,需要修改scale(放大的值)。如图。
浏览器查看效果,如图所示。
第三种是旋转放大效果,要同时修改rotate(旋转度数)和scale(放大值)。如图。
常用第四种是上下左右移动效果,需要修改translate(x轴,y轴),如图。
查看最终效果,如动态图所示。