css动画由下往上渐变出现

2019-08-12 本文已影响7人吴乐要奋斗

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

}