• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 位置: css 中文手册 -> css 动画过渡

    css 变形(2D 3D 转化)

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

    CSS3动画效果共3大部分:

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


    CSS3变形

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

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