CSS3 ?? ??
SS3? ?? ??? ?? ??? ??:
? ???? ?????? ??? ????? ? ?? ??? ???? ?????.
1. ?? ??:
??? ???? ???? "??"? ????, ?? ??? CSS ?? ?? ?? ?? ?? ???? ??? ? ??? ?????.
? ??? ???, ?? ? ?? ??? ?? ?? ?????.
?? ??:
transition：[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ]
???? ??:
1.transition-property: ??? ???? ??? ????? ?????.
2.transition-duration: ?? ?? ??? ????? ?????.
3.transition-timing-function: ???? ????? ?? ??? ????? ?????.
4.transition-delay: ?? ?? ?? ??? ????? ?????.
?? ??? ??? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ipnx.cn/" />
<title>php中文網(wǎng)</title>
<style>
#thediv{
width:100px;
height:100px;
background:blue;
transition:width 2s;
-moz-transition:width 2s;
-webkit-transition:width 2s;
-o-transition:width 2s;
}
#thediv:hover{
width:500px;
}
</style>
</head>
<body>
<div id="thediv"></div>
</body>
</html>? ??? 2? ??? ????? ??? div? ??? 100px?? 500px? ???? ??? ?????.
??????? ??? ??? ???? ?? ?????
