?????

英[f?l] 美[f?l]

vt.& vi. (???) ????

vt ?????, (????) ????; (??)

n. ?? ???... ;full; ??

3?? ??: ?? ???: ?? ?? ???: ?? ?? ???: fill

mode

英[m??d] 美[mo?d]

n.??; ??, ??

??: ??

CSS ????? ??? ?? ?? ???

animation-fill-mode ?? ?????

animation-fill-mode? ????? ?? ? ?? ?? ????? ??? ???? ??? ???? ? ???? CSS? ????? ?????.

??: animation-fill-mode ??? ????? ?? ? ?? ?? ????? ??? ???? ??? ?????.

??: ??animation-fill-mode: ?? | ??? | ?? | ? ?;

??: none? ?? ??? ???? ????. ??? ?????? ???? ??? ?? ?(??? ????? ???)? ?????. reverses? animation-delay? ??? ?? ?? ?????? ???? ?? ?? ?? ?(? ?? ????? ???)? ?????. ??? ??? ??? ?? ??? ??? ?? ?????.?

??: Internet Explorer 9 ? ?? ??? animation-fill-mode ??? ???? ????.

CSS ????? ??? ?? ?? ?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style> 
div
{
	width:100px;
	height:100px;
	background:red;
	position:relative;
	animation:mymove 3s;
	animation-iteration-count:2;
	animation-fill-mode:forwards;

	/* Safari 和 Chrome */
	-webkit-animation:mymove 3s;
	-webkit-animation-iteration-count:2;
	-webkit-animation-fill-mode:forwards;
}

@keyframes mymove
{
	from {top:0px;}
	to {top:200px;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
	from {top:0px;}
	to {top:200px;}
}
</style>
</head>
<body>

<p><strong>注意：</strong>Internet Explorer 9 及其之前的版本不支持 animation-fill-mode 屬性。</p>

<div></div>

</body>
</html>

???? ?? ?

??? ????? ??? "???? ??" ??? ?????