css3实现文字跑马灯（css3跑马灯demo）

　　一、css3实现文字跑马灯

　　CSS：

　　.marquee {

　　white-space： nowrap;　　/* 文字不折行 */

　　overflow：-webkit-marquee;　　/* 只有设置为marquee才有滚动效果 */

　　width： 170px;　　/* 不是必须的 */

　　-webkit-marquee-direcTIon:left;　　/* 文字滚动方向 可选值为left | right | up | down */

　　-webkit-marquee-speed:normal;　　/* 文字滚动速度 可选值为slow | normal | fast */

　　-webkit-marquee-style:scroll;　　/* 文字滚动方式 可选值为scroll | slide | alternate */

　　-webkit-marquee-repeTITIon:1; 　　/* 文字滚动次数 number | infinite ， infinite即无限次循环滚动 */

　　}

　　-webkit-marquee-style 各值效果如下：

　　1. -webkit-marquee-style:scroll;

　　2. -webkit-marquee-style:slide;

　　3. -webkit-marquee-style:alternate;

HTML：

<p class="marquee">这是一个滚动字幕。</p>

技术专区

Alexa语音服务软件扩展STM32Cube
结合DNN API驱动未来神经网络应用的解决方案
针对于高端移动通信和汽车市场的四集群设计
一款基于帧捕捉的开源图形调试器应用设计
即将成为标准配置的最新安全技术：后视摄像系统