国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 象州县| 崇信县| 天全县| 油尖旺区| 肃宁县| 龙井市| 革吉县| 合江县| 昌宁县| 赤城县| 天水市| 新龙县| 井冈山市| 包头市| 晋中市| 临桂县| 瑞安市| 浦县| 察雅县| 石景山区| 菏泽市| 玉山县| 什邡市| 凤山县| 德令哈市| 贺州市| 阿坝县| 苗栗县| 晋宁县| 吴忠市| 罗山县| 阳泉市| 三穗县| 图们市| 永新县| 莒南县| 安龙县| 常德市| 公安县| 旬邑县| 孝感市|