过度、变形和动画

过度、变形和动画

过度、变形和动画

• 第一部分、过度（transition）
• 第二部分、变形（transform）
• • 1.认识transform
  • • （1）变形的优点
    • （2）变形的用法
    • （3）transform-function函数
  • 2.2D转换
  • • （1）平移
    • （2）缩放
    • （3）倾斜
    • （4）旋转
    • （5）中心点
• 第三部分、过度效果和变形效果的区别
• 第四部分、动画
• • 1.动画的创建
  • 2.动画的属性
  • • （1）animation属性
    • （2）animation-duration属性
    • （3）animation-timing-function属性
    • （4）animation-delay属性
    • （5）animation-iteration-count属性
    • （6）animation-direction属性
    • （7）animation属性

第一部分、过度（transition）

CSS3提供了强大的过渡属性，它可以在不使用Flash动画或者JavaScript脚本的情况下，为元素从一种样式转变为另一种样式时添加效果，例如渐显、渐弱、动画快慢等。

transition-property: none | all | property;