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

  • 相关阅读:
    php wamp 配置虚拟主机
    php xml 操作。
    第一个输入框中 输入 test,第二个输入框中自动出现 test.baibu.com
    正则表达式 手机号码的验证
    JQery 设置 退格键 不可用 jQery 中的keydown 事件
    YII 片段缓存如何实现。
    php set_time_limit() 函数
    VLAN
    进程
    802.11无线网络权威指南
  • 原文地址:https://www.cnblogs.com/zhuyuanyuan/p/7790186.html
Copyright © 2011-2022 走看看