• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • 位置: css3教程 -> css3动画过渡

    css3变形(2D 3D 转化)

    在CSS3动画出现之前,对于动画效果(如渐显、移动等)大部分都是使用JavaScript制作。而现在这些动画效果仅仅使用几句CSS代码即可轻松实现。

    CSS3动画效果共3大部分:

    • (1)CSS3变形;
    • (2)CSS3过渡;
    • (3)CSS3动画;


    CSS3变形

    在CSS3中,我们可以使用transform属性来实现文字或图像的的各种变形效果,如位移、缩放、旋转、倾斜等。

    transform属性变形方法
    方法或属性说明
    translate()位移
    scale()缩放
    rotate()旋转
    skew()倾斜
    transform-origin中心原点