• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

一、 css3过渡

在CSS3中,当我们可以从一种风格改变到另一种风格以增加某种效果时。

下表列出了:的所有转换属性。

|属性|描述|

- | - |

| transition |速记属性,用于在一个属性中设置四个过渡属性。|

| transition-property |指定应用过渡的CSS属性的名称。|

|过渡-持续时间|定义过渡效果所需的时间。默认值为0。|

|过渡-计时-功能|指定过渡效果的时间曲线。默认值为“ease”。|

|过渡延迟|指定过渡效果开始的时间。默认值为0。|

属性值

transition-property : none | all |属性;

价值

形容

没有人

任何属性都不会获得过渡效果。

全部

所有属性都将获得过渡效果。

财产

定义应用过渡效果的CSS属性名称。

过渡-计时-函数:线性|缓入|缓出|缓入|缓出|三次贝塞尔曲线(n,n,n,n);

价值

形容

线性的

指定以相同速度从开始到结束的过渡效果(等于三次贝塞尔曲线(0,0,1,1))。

缓解

指定过渡效果(立方贝塞尔曲线(0.25,0.1,0.25,1)),开始缓慢,然后变快,然后缓慢结束。

轻松进入

指定以低速开始的过渡效果(等于三次贝塞尔曲线(0.42,0,1,1))。

放松

指定以慢速结束的过渡效果(等于三次贝塞尔曲线(0,0,0.58,1))。

缓进缓出

指定以慢速开始和结束的过渡效果(等于三次贝塞尔曲线(0.42,0,0.58,1))。

三次贝塞尔曲线(n,n,n,n)

在三次贝塞尔函数中定义你自己的值。的可能值是介于0和1之间的值。

/*应用于宽度属性的过渡效果,持续时间为2秒*/

差异

{

transition:宽度2s;

-webkit-transition:宽度2s;/*游猎*/

}

/*多次更改*/

/*要添加多种风格的变换效果,添加的属性用逗号分隔:*/

差异

{

transition:宽度2s,高度2s,变换2s;

-webkit-transition:宽度2s,高度2s,-WebKit-transform 2s;

}

/*指定当鼠标指针悬停(:hover)在div元素上时将触发效果*/

div:hover悬停

{

宽度width:300px

}

/*设置所有属性all */

差异

{

transition-property:宽度;

过渡持续时间:秒;

过渡-定时-函数:线性;

过渡-延迟: 2s;

}

/*但是使用了缩写转换属性:*/

div { transition:宽度1s线性2s;}

Link to comment
Share on other sites