css3動畫，淡入作爲下移？

有誰知道我怎麼能做出這樣框淡出，因爲它是向下移動？對不起亂碼謝謝您的幫助！ http://jsfiddle.net/RtWTN/1/

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div 
{ 
width:100px; 
height:100px; 
background:red; 
position:relative; 
animation:mymove 3s ease-out forwards; 
animation-iteration-count:3; 

/* Safari and Chrome */ 
-webkit-animation:mymove 3s; 
-webkit-animation-iteration-count:3; 
} 

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

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


<div></div> 

</body> 
</html>

來源

2013-06-26 Ned

您可以將多個規則添加到動畫關鍵幀。

{ 
from {top:0px; opacity: 0;} 
to {top:200px; opacity: 1;} 
}

http://jsfiddle.net/T2DnG/1/

來源

2013-06-26 14:05:48

三江源，如何保持在動畫後，底部的盒子，而不是它跳回到頂部？ – Ned

@Ned'動畫填充模式：轉發;' –

css3動畫，淡入作爲下移？

回答

相關問題