css3如何向上_css3动画怎样能从下往上慢慢升上去 代码怎么写

展开全部

html>

div

{

width:100px;

height:100px;

background:red;

position:absolute;

animation:myfirst 5s;

-webkit-animation:myfirst 5s;

animation-fill-mode: forwards;

}

@-webkit-keyframes myfirst /* Safari and Chrome */

{

0%   {background:red; left:500px; bottom:50px;}

25%  {background:red; left:500px;height:130px;bottom:50px;}

50%  {background:red; left:500px; height:160px;bottom:50px;}

75%  {background:red; left:500px;height:190px; bottom:50px;}

100% {background:red; left:500px; height:210px;bottom:50px;}

}

这只是个演示的demo，方法就是这62616964757a686964616fe78988e69d8331333337613233样，animation-fill-mode: forwards;这一句给你解释下，这句就是当动画完成时，动画会停留在最后一帧。其他代码都比较简单，不懂随时问我。

希望能够帮助到你，望采纳！