国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS3實(shí)現(xiàn)滾動條動畫效果代碼分享

2024-07-11 08:32:35
字體：大 中 小
供稿：網(wǎng)友

先給大家一張效果圖，看似簡單，其實(shí)實(shí)現(xiàn)起來....那也是非常簡單的~簡單又實(shí)用
 
黑框里面的字體會自動滾動，形成滾動條，可以用于展示和提示，首先我們先要在body里面寫上自己想要的文字，比如我想寫：感覺好的請點(diǎn)擊推薦

CSS Code復(fù)制內(nèi)容到剪貼板
  1. <body>            <div id="div">   
  2.         <ul id="ul">                <li>感</li>   
  3.             <li>覺</li>                <li>好</li>   
  4.             <li>的</li>                <li>請</li>   
  5.             <li>點(diǎn)</li>                <li>擊</li>   
  6.             <li>推</li>                <li>薦</li>   
  7.         </ul>            </div>   
  8.     </body>   

接下來我們在在style樣式里面調(diào)整樣式，實(shí)現(xiàn)他的滾動

CSS Code復(fù)制內(nèi)容到剪貼板
  1. <style>　　/*先給個(gè)整體去除下劃線*/           ul,li,ol{   
  2.             list-style: none;            }　　/*這里也就是重點(diǎn)嘍，時(shí)間分段，到還沒滾動的時(shí)候時(shí)間經(jīng)過了0%所以left也就為0，當(dāng)開始滾動時(shí)間停止的時(shí)候那么就等于全部完成也就是100%，這句話寫不對效果就不出哦*/  
  3.         @-webkit-keyframes move {                    0% {   

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 尤溪县| 江油市| 喀什市| 枞阳县| 无棣县| 辽中县| 沁阳市| 崇明县| 沙河市| 定边县| 中牟县| 西宁市| 淮阳县| 巴林右旗| 沙雅县| 河曲县| 波密县| 昆山市| 蒙阴县| 清涧县| 手游| 乌拉特前旗| 凤庆县| 宜兰县| 兴和县| 昭苏县| 英德市| 花垣县| 舞阳县| 杭州市| 全椒县| 九台市| 南木林县| 荣成市| 康保县| 宕昌县| 崇礼县| 多伦县| 康保县| 股票| 闸北区|