?? [??n??me?n] ?? [??n??me??n]
n. ????? ??, ????? ?? [?? ? TV] ?????
???: ?????
CSS3 ????? ?? ???
??: animation ??? 6?? ????? ??? ???? ? ???? ?? ?????.
??: ??animation: ?? ?? ???-?? ?? ??-??? ??.
??: animation-name? ???? ?????? ?? ???? ??? ?????. . animation-duration? ?????? ???? ? ??? ??? ? ?? ??? ??? ?????. animation-timing-function? ?????? ?? ??? ?????. animation-delay? ?????? ???? ?? ??? ?????. animation-iteration-count? ?????? ????? ?? ??? ?????. animation-direction? ?????? ??? ????? ???? ??? ?????.?
??: ?? animation-duration ??? ?????. ??? ??? ?? ??? 0? ?? ?????? ???? ????.
css3 ????? ??? 6?? ????? ??? ???? ????? ??? ???? ?? ?????. ??? 6?? ??? ????? ??, ????? ??, ?? ??, ????? ??, ?? ?? ? ????? ??? ?? ?????.
CSS3 ????? ?? ?
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}
@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>
<p><strong>注釋：</strong>Internet Explorer 9 以及更早的版本不支持 animation 屬性。</p>
<div></div>
</body>
</html>???? ?? ?
??? ????? ??? "???? ??" ??? ?????