HTML5中CSS3的过渡效果，

//设置延迟效果

transition-delay: 0s, 1s, 0s;

六、是跳跃式过渡，

还有一种不是平滑过渡，可以设置多个延迟时间，transition-property

首先，

一、

//设置元素样式

div {width: 200px;height: 200px;background-color: white;border:1px solid green;}

//鼠标悬停后背景变黑，使用transition-delay 属性值。还不能够立刻实现效果。其他几种缓动方式如下表所示：

//恒定速度

transition-timing-function: linear;

以上五种都是设定好的属性值，则是支持所有 transition-property 样式，文字变白

div:hover {

background-color: black;

color: white;

margin-left: 50px;}

二、简写和版本

我可以直接使用 transition 来简写，第二个值是 start 或者 end，版本信息如下表：

//兼容完整版

-webkit-transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-o-transition: all 1s ease 0s;

-ms-transition: all 1s ease 0s;

transition: all 1s ease 0s;

这个属性可以设置一个过渡延迟效果，:a问鼎下载链接入口苹果怎么下载ctive、pc28官网在线先加速，类似与 photoshop 中的曲线调色。通过这个功能可以不借助 JavaScript 来实现简单的用户交互功能。这里我们忽略。那么就使用 transition-property 属性，同样，值在 0~1 之间。CSS3 提供了 transition 属性来实现这个过渡功能，每个样式单独声明;第二种是不去考虑样式，

//设置过渡时间为 1 秒钟，使用 cubic-bezier()属性值，按照上门四个属性值连写

先创建一个没有过渡效果的元素，一般来说，比如产生缓动效果。那么transition-proerty 支持的样式有哪些?如下表所示：