码迷,mamicode.com
首页 > Web开发 > 详细

css3过度属性,2D3D转换,动画

时间:2018-05-25 11:10:08      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:ati   技术   func   图片   form   duration   image   分享   动画   

过度

  transition(过度)

  transition-property: 属性; 设置需要过度属性一般设置为 all (全部)

  transition-duration: 1s;     设置过度花费的时间

  transition-timing-function: linear;    设置过度效果的速度曲线。linear 代表匀速;

  transition-delay: 1s;     设置过度的延时

2D&3D转换

  transform

  transform: translate(x, y) & translateX() & translateY() & translateZ();  设置平移

  transform: scale(x, y) & scaleX() & scaleY() & scaleZ();   设置缩放

  transform: rotate(x, y) & rotateX() & rotateY() & rotate();   设置旋转

技术分享图片

动画

 

 

  

css3过度属性,2D3D转换,动画

标签:ati   技术   func   图片   form   duration   image   分享   动画   

原文地址:https://www.cnblogs.com/yymxp/p/9086621.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!