zoukankan      html  css  js  c++  java
  • css3 闪光hover

    .pic{position:relative;}
            .glass{display:block;}
            .glass i{display: block;width: 248px;height: 187px;position: absolute;top:0px;left: 365px;-webkit-transform: skewX(-49deg);
            background: -webkit-linear-gradient(left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0));-webkit-transition: 0s;}
            a:hover .glass i{top:;left:-365px;-webkit-transition:0.5s;}
    <a href="" class="pic">
            <div class="glass">
                <img src="http://rs.moxian.com/sz/upload/2013/20130307/5546/201303070430464365_small.jpg" />
                <i></i>
            </div>
        </a>
  • 相关阅读:
    第四章5
    第四章4
    第四章3
    第四章2
    第四章1
    第四章例4-8
    第四章例4-7
    第四章例4-6
    第四章例4-5
    第四章例4-4
  • 原文地址:https://www.cnblogs.com/2boy/p/2948789.html
Copyright © 2011-2022 走看看