189 8069 5689
transform呈现的是一种变形结果，而transition呈现的是一种过渡，通俗点说就是一种动画转换过程，如渐显、渐弱、动画快慢等。transition和transform是两种不同的动画模型。
成都创新互联公司为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名，让您的网站具备超强的网络竞争力！结合企业自身，进行网站设计及把握，最后结合企业文化和具体宗旨等，才能创作出一份性化解决方案。从网站策划到成都网站设计、成都网站建设， 我们的网页设计师为您提供的解决方案。
transition属性是一个简写属性，用于设置四个过渡属性
transition-property ：指定要过渡的css属性
transition-duration： 指定完成过渡花费的时间
transition-timing-function： 指定速度效果的速度曲线
transition-delay：指定过渡效果何时开始
transition 属性是一个简写属性，用于设置四个过渡属性。
CSS3的“过渡”（transition）属性通过设定某种元素在某段时间内的变化实现一些简单的动画效果，让某些效果变得更加具有流线性与平滑性。
CSS3的“动画”（animation）属性能够实现更复杂的样式变化以及一些交互效果，而不需要使用任何Flash或JavaScript脚本代码。
扩展资料：
相关CSS3语言基础：
CSS3的语法是建立在CSS原先版本基础上的，它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。
CSS选择器中的大部分并不是在CSS3中新添加的，只是在之前的版本中没有得到广泛的应用。如果想尝试实现一个干净的、轻量级的标签以及结构与表现更好的分离，高级选择器是非常有用的，它们可以减少在标签中的class和ID的数量并让设计师更方便地维护样式表。
transition-property 过渡效果的CSS属性名称
transition-delay 设置过渡延迟时间
transition-duration 设置完成过渡效果需要花费的时间
transition-timing-function 设置过渡效果的速度曲线
transition 设置过渡属性的复合写法
transform-origin 设置旋转元素的基点位置（不常用，了解即可）
transform-style 让转换的子元素保留3D转换（不常用，了解即可）
opacity 设置元素的透明度
@keyframes 设置关键帧动画
animation 设置动画属性