你的位置:首页 > 软件开发 > 网页设计 > css3中变形与动画(二)

css3中变形与动画(二)

发布时间:2015-07-24 13:00:07
css3制作动画的几个属性:变形(transform),过渡(transition)和动画(animation)。transform介绍过了。接下来介绍过渡transition。一、例子先通过一个例子感性认识一下transition的动画效果。鼠标放上去,div宽度从100px增 ...

css3制作动画的几个属性:变形(transform),过渡(transition)和动画(animation)。

transform介绍过了。接下来介绍过渡transition。

一、例子

先通过一个例子感性认识一下transition的动画效果。

鼠标放上去,div宽度从100px增大到200px。

<style type="text/css">  div{    width: 100px;    height: 100px;    background-color: red;  }  div:hover{    width: 200px;  }</style><div></div>

原标题:css3中变形与动画(二)

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。