CSS3实现滚动条动画效果代码分享

                100% {   
                    left: -400px;   
                }   
            }   
       /*以下是布局样式*/     
        #div{   
            width: 500px;   
            height: 100px;   
            margin: 100px auto;   
            border: 5px solid green;   
            position: relative;       
            overflow: hidden;       
        }   
        #ul{   
            position: absolute;           
            padding: 0;   
            margin-top: 0px;       
            width: 185%;   
            display: block;/*这句话也是至关重要的，少了这句话也不会滚动，我给他四个值，3s代表三秒之内完成滚动，move这个名字对应着上面时间分段的名字，infinite代表循环滚动，linear表示匀速滚动*/  
            -webkit-animation: 3s move infinite linear;   
        }   
        #ul li{   
            float: left;   
            background: black;   
            color: white;   
            margin-left: 1px;