css动画由下往上渐变出现

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;}

}