網(wǎng)站有時(shí)候可能會(huì)用到滾動(dòng)字幕，滾滾更健康！

CSS:

/*滾動(dòng)字幕*/ @media screen and (max-width: 500px) {body .scroll-notice-animate {animation: 30s wordsLoop linear infinite normal;}} .scroll-notice {background:#0aa7e4;color:#fff;white-space:nowrap;overflow:hidden; } .scroll-notice a {color:#fff; } .scroll-notice-animate {padding-left:20px;animation:35s wordsLoop linear infinite normal; } .scroll-notice-animate:hover {animation-play-state:paused; } @keyframes wordsLoop {0% {transform:translateX(100%); } 100% {transform:translateX(-100%); } /*滾動(dòng)字幕*/

滾動(dòng)文本

在head，或任意你需要的地方加入如下代碼。

<div class="scroll-notice"><div class="scroll-notice-animate">歡迎來(lái)到核客互動(dòng)，有任何問(wèn)題請(qǐng)聯(lián)系我!</div> </div>

總結(jié)

以上是生活随笔為你收集整理的网站加入滚动字幕或公告说明的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。