css3过渡效果

1.过渡效果：

transition-property ------过渡属性

transition-duration-------过渡持续时间

transition-timing-function-------过渡函数

transition-delay------过渡延迟时间

除了像上面那样写还可以简写，使用最多的也是简写

简写：

transition：属性 秒数 函数 延迟；

2.过渡函数：

ease：开始和结束慢、中间快（默认值）

linear：匀速

ease-in：开始慢

ease-out：结束慢

ease-in-out：和ease类似、但比ease幅度大

例如：

 

 

这样就实现了旋转的过渡效果。

若要同时设置多个值则：

transition：第一个值 秒数 函数 延迟，第二个值 ........；

这样就能同时设置多个值 

3.overflow：

语法：

overflow：hidden；-------隐藏

overflow：auto；--------通过滚动条的方式隐藏