zoukankan      html  css  js  c++  java
  • css制作类似加载滚动

    //css begin

    <style>

    .wrap{

    width: 200px;

    height: 30px;

    border: 1px solid #000;

    overflow: hidden;

    }

    .box{

    width: 400px;

    height: 30px;

    background: repeating-linear-gradient(30deg,green 0,green 10px,#fff 10px,#fff 20px);

    transition: 3s;

    }

    .wrap:hover .box{

    margin-left: -100px;

    }

    </style>

    //css end

    //html begin

    <div class="wrap">

    <div class="box"></div>

    </div>

    //html end

  • 相关阅读:
    OkHttp的使用
    Adapter的实现
    RxJava的学习与实现
    Blueprint的实现
    The second group meeting!
    读书笔记1
    The First Team Meeting!
    java----使用NIO进行快速的文件拷贝
    java——类的学习(2)
    java——类的学习(1)
  • 原文地址:https://www.cnblogs.com/zhuyuanyuan/p/7790186.html
Copyright © 2011-2022 走看看