css動畫由下往上漸變出現

position:relative;

animation:mymove 3s ease ; /*ease單次執(zhí)行動畫，animation綁定動畫效果*/

-moz-animation:mymove 3s ease ; /* Firefox */

-webkit-animation:mymove 3s ease ; /* Safari and Chrome */

-o-animation:mymove 3s ease ; /* Opera */

@keyframes mymove {

0%? {top:10px;opacity: 0;}

100% {top:0px;opacity: 1;}

}