HTML+CSS练习走马灯案例

okstudy

已于 2024-05-31 01:28:25 修改

阅读量119

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html5 前端 html css css3

于 2024-05-04 20:20:38 首次发布

本文链接：https://blog.youkuaiyun.com/okstudy/article/details/138449426


<!DOCTYPE html>
<head>
    <title>Document</title>
    <style>

    * {
        padding: 0; 
        margin: 0;
      }
    

        .div{
            width: 600px;
            height: 100px;
            background-color: pink;
            margin: 100px auto;
            border: 5px solid #000;
           overflow: hidden;
        }


        ul{
            
            width: 600px;
            height: 100px;
            display: flex;
            margin-left: 0;
            animation: draw 4s linear  infinite ;
            background-color: red;
            position: relative;
            
        }

        img{