动画--过渡

前言

Css3可以给元素添加一些效果，而过渡可以让元素从一种样式转换成另一种样式。其中可以设置动画执行的样式，时间，重复等。

属性

• transition
  设置四个过渡属性
• transition-property
  过渡的名称
• transition-duration
  过渡效果花费的时间
• transition-timing-function
  过渡效果的时间曲线
• transition-delay
  过渡效果开始时间，延迟开始的时间

  代码实现

代码实现效果鼠标覆盖元素变大为原来的两倍并旋转360度。不考虑兼容代码。

.demo{
width:100px;
height:100px;
background:blue;
transition:width 2s,height 2s，transform 2s；
} 
.demo:hover{
width:200px;
height:200px;
transform:rotate(360deg);
}