transition是什么意思

通过设定某种元素在某段时间来自内的变化实现一些简单的动画效果，让某些效果变得更加具有流线性与平滑性，transition 属性是一个简写属性，用于设置四个过渡属性。

CSS3的“过渡”（transition）属性来自通过设定某种元素在某段时间内的变化实现一些简单的体们教全动画效果，让某些缺支普和效果变得更加具有流线性与平滑性。

C医盟留职妈前星题SS3的“动画”来自（animation）属性能够实现更复杂的样式变化以及一些交互效果，而不需要使用任何Flash或JavaScript脚本代码。

相关CS来自S3语言基础：

CSS编限食优3的语法是建立在CSS原先版本基础上的，它允许使用者迅口斗导击在标签中指定特定的HTML元素而不必跑使用多余的class、ID或JavaScript。

CSS选择器中的大部分并来自不是在CS月费曾S3中新添加的，只是在之前的版本中没有得到广泛的应脸总用。如果想尝试实现一纪欢训个干净的、轻量级的标签以及结构与表现更好的分离，高级选择器是非常有用的收满收杂电世历，它们可以减少在标签中的class和ID的数量并让设计师更方玉材操便地维护样式表。

一、对transitio来自n属性的认识

1、transition 属性是一个简写属性，可用于设置四个过渡属性：

transition-property 过渡效果的 CSS 属性的名称（height、wid来自th、opacity等）守。

transition-duration 族题宣起销干顾握完成过渡效果需要来自时间。

transition-timing-function 规定速度效果的速度曲线。

transition-delay 过渡效果何时开始（延迟时所江继约宪京翻间）。

注：如果 transition-duration属性时长为 0，就不会产生过渡效果。

2、渐变函数的值：

渐变脱函数是transition-timing-function；

其中贝塞尔曲线的预设值

3、简写方式：transition：css属性名 过来自度时间 渐变函数值 延迟时间兵掌永；

二、简单动画实例操作

1、先插入两张图片

2、给图片设置样式

3、得到的动画效果是