css动画由下往上渐变出现
position:relative;
animation:mymove 3s ease ; /*ease单次执行动画,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;}
}