好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3过渡记_html/css_WEB-ITnose

CSS3 过渡

  CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击,获得焦点,被点击或对元素任何改变中触发,并平滑地以动画效果改变CSS的属性值。

transition:[  ||   ||   ||  ] 

   transition-property :指定过渡的CSS属性。
   transition-duration :指定完成过渡所需的时间。
   transition-timing-function :指定过渡调速函数。
   transition -delay :指定过渡开始出现的延迟时间。

  transition属性类似于border,font这些属性,可以简写,也可以单独来写。简写时,各函数之间用空格隔开,且需要按一定的顺序排列。另外,作用于多个过渡属性时,中间用逗号隔开。如下:

          div{       width:50px;       height:100px;       background:#ffd800;       /*分开使用transition的扩展属性*/       transition-property:width,height,background;       transition-duration:1s;       transition-timing-function:ease;       transition-delay:.2s;       /*使用transition简写属性*/       transition:width 1s ease .2s,height 1s ease .2s,background 1s ease .2s;   }   div:hover{       width:100px;       height:50px;       background:#00ff90;   }   	

查看更多关于css3过渡记_html/css_WEB-ITnose的详细内容...

  阅读:34次