用户:Staf Irity/Sandbox03.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：按 Ctrl-F5。

/* Use example:  */

/*
<div class="moveTextWrapper" style="width:100%;">
<div class="moveText">移动的荧光的文字</div>
*/
.moveTextWrapper {
	position:absolute;
    overflow:hidden;
}
.moveText {
    padding: 0;
    display: inline-block;
    position: relative;
    white-space: nowrap; 
    animation: scroll-text 5s linear infinite;/* 时间随便调 */
    text-shadow: #FC0 1px 0 10px;/* From developer.mozilla.org/zh-CN/docs/Web/CSS/text-shadow */
}


@keyframes scroll-text {
    0% {
        left:-20em;/* 数字自己看着调，反正必须是负数，负多少取决于字符串长度+你想要的空隙事件，至少得-(字符串长度)em */
    }
    100% {
        left:100%;
    }
}