css3过渡与分页

css3过渡

1、定义

过渡是元素从一种样式逐渐改变为另一种的效果

（1）指定要添加效果的CSS属性

（2） 指定效果的持续时间    默认值是0。没有任何效果

div{
    transition:width2s;
    -webkit-transition:width2s;/*Safari
*/}
如果未指定的期限，transition将没有任何效果，因为默认值是0。
指定的CSS属性的值更改时效果会发生变化。一个典型CSS属性的变化是用户
鼠标放在一个元素上时：
div:hover{width:300px;}
要添加多个样式的变换效果，添加的属性由逗号分隔：
div{
    transition:width2s,height2s,transform2s;
    -webkit-transition:width2s,height2s,
    -webkit-transform2s;
}

　　

2、过渡属性

 

 

属性	描述	CSS
transition	简写属性，用于在一个属性中设置四个过渡属性。	3
transition-property	规定应用过渡的 CSS 属性的名称。	3
transition-duration	定义过渡效果花费的时间。默认是 0。	3
transition-timing-function	规定过渡效果的时间曲线。默认是 "ease"。	3
transition-delay	规定过渡效果何时开始。默认是 0。	3

div{
    transition-property:width;
    transition-duration:1s;
    transition-timing-function:linear;
    transition-delay:2s;
}

　3.CSS3分页　

定义：如果你的网站有很多个页面，你就需要使用分页来为每个页面做导航。

需要进行练习