支付宝扫码
领取余额宝体验金

轻云博客 > CSS3日记 > 3. transition 属性

3. transition 属性

作者:Aisencici / 日期:2017-3-23 15:55:00 / 分类:CSS3日记 / 浏览:683

3. transition 属性

<!DOCTYPE html>

<html>

<head>

<style> 

div

{

width:100px;

height:100px;

background:blue;

transition:width 2s;

-moz-transition:width 2s; /* Firefox 4 */

-webkit-transition:width 2s; /* Safari and Chrome */

-o-transition:width 2s; /* Opera */

}


div:hover

{

width:300px;

}

</style>

</head>

<body>


<div></div>


<p>请把鼠标指针移动到蓝色的 div 元素上,就可以看到过渡效果。</p>


<p><b>注释:</b>本例在 Internet Explorer 中无效。</p>


</body>

</html>


本文标签:
From:
分享到: