css3的过度效果

1、通过使用CSS3,可以给元素添加一些效果

2, CSS3过渡是元素从一种样式转换成另一种样式

  动画效果的CSS
  动画执行的时间

3,属性:

transition——-设置四个过渡属性
例子:transtion:width 2s,height 2s,transfrom 2s;
transition-property:过渡的名称
transition-duration:过渡效果花费的时间
trans ition-timing-function:过渡效果的时间曲线
transition-delay:过渡效果开始时间(延时)

div:hover{width:200px;height:200px;transfrom:rotate(360deg);

效果是鼠标移动上去div的宽度和高度在2秒内完成放大和缩小并且旋转

猜你喜欢

转载自blog.csdn.net/qq_39222965/article/details/80273101