css3往左的文字跑马灯 |css加图片不显示

css圆形转盘，css td宽度不同，hover在css怎么用，css数字加粗字范围，ie浏览器提示 css，css 单行两端对齐，css加图片不显示 css3往左的文字跑马灯 |css加图片不显示

.marquee{
width: 100%;
height: 30px;
line-height: 30px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
}
.marquee span{
display: inline-block;
animation: marquee 15s linear infinite;
}
@keyframes marquee{
0% { transform: translateX(0);}
100% { transform: translateX(-100%);}
}

在上面的代码中，大家使用了关键字@keyframes，这个关键字定义了动画的过程。大家利用强大的CSS3特性中的动画属性animation，使文本从左到右滚动。还用了transform属性，它指定在2D或3D平面内平移，旋转或缩放元素。

<div class="marquee">
<span>CSS3往左的文字跑马灯</span>
</div>

最后，大家给外部容器用类名marquee，文本用标签包起来，这个标签的动画属性将实现文本的滚动。

这就是如何使用CSS3实现往左的文字跑马灯的简单过程，希望对大家有所帮助。