开发工具与关键技术:DW CSS3的简单应用
作者:李波
撰写时间:2019.1.19号
Css3的动画就是通过transform属性向元素应用2D或3D转换。运用:旋转,扭曲,缩放,位移来实现一些简单的动画效果。旋转函数rotate(n):通过指定的角度参数使元素相对原点进行旋转,n为参数,用于设置旋转的角度,如果为正,元素相对原点中心顺时针旋转;如果为负,逆时针旋转。语法如下:
transform:rotate(n) n值得大小代表倾斜的大小;
 skew(x,y)元素同时在水平方向和垂直方向扭曲;
 scale(x,y) 使元素水平方向和垂直方向同时缩放;
 translate(x,y)水平方向和垂直方向同时移动;
HTML部分

我不想旋转(^_^)

CSS3的简单应用
倾斜效果如图CSS3的简单应用
拉伸效果如图CSS3的简单应用

相关文章:

  • 2021-11-21
  • 2021-10-17
  • 2021-12-15
  • 2022-12-23
  • 2021-08-14
  • 2022-03-07
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-29
  • 2021-06-20
  • 2022-01-01
  • 2021-08-20
  • 2021-12-10
  • 2022-01-13
相关资源
相似解决方案