css3 div从左到右滑入
实现div从左到右滑入，代码如下：
// lToR定义一个动画@keyframes lToR{from {width: 0px;}}@-moz-keyframes lToR /* Firefox */{from {width: 0px;}}@-webkit-keyframes lToR /* Safari and Chrome */{from {width: 0px;}}@-o-keyframes lToR /* Opera */{from {width: 0px;}}.bar-div {width: 200px;height: 30px;background-image: linear-gradient(to right, #5FFFA3 , #004EFF);animation:lToR 1s;-moz-animation:lToR 1s; /* Firefox */-webkit-animation:lToR 1s; /* Safari and Chrome */-o-animation:lToR 1s; /* Opera */}
<div class="bar-div"></div>
最后效果：
