一道白光滑过

来源：互联网发布：淘宝分期购物编辑：程序博客网时间：2024/04/29 14:21
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>.inner-img{cursor: pointer;overflow: hidden;position:relative;}.inner-img a{display:block;}.inner-img:before{            content: "";            position: absolute;            overflow: hidden;            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);            -webkit-transform: skewX(-25deg);            -moz-transform: skewX(-25deg);}.inner-img:before {    width: 50px;    height: 350px;    top: -100px;    left: -150px;}.inner-img:hover::before{             -webkit-transition: left .8s;            -moz-transition: left .8s;            transition: left .8s;            left:300px;}</style></head><body><div class="inner-img">                                <a href="http://www.hbhro.com/sjzrencaicheng/" target="_blank"><img src="http://code.hbhro.com/hebjob/com/rencaicheng_latest.jpg" width="238" height="169" alt=""></a>                            </div></body></html>
阅读全文
0 0