验证中...
码云 IDEA 插件最新版本发布,支持 Pull Request
语言: CSS
分类: CSS 技巧
最后更新于 2018-12-09 10:36
gistfile1.txt
原始数据 复制代码
li{
width: 296px;
height: 394px;
position: relative;
overflow: hidden;
&:before{
content: "";
position: absolute;
width:100px;
height: 100%;
top: 0;
left: -150px;
overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)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,.5)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
}
&:hover:before {
left: 150%;
transition: left 1s ease 0s;
}

评论列表( 0 )

你可以在登录后,发表评论

搜索帮助