叶小白
2015-11-03 20:19
.slider .ctrl .ctrl-i img{ width: 100%; position: absolute; left: 0; bottom: 50px; z-index: 1; /*透明度属性!!!*/ opacity:0; -webkit-transition:all .2s; } /*hover 到控制按钮的样式*/ .slider .ctrl .ctrl-i:hover{ background-color: #f0f0f0; } .slider .ctrl .ctrl-i:hover img{ bottom: 13px; /*缩略图倒影*/ -webkit-box-reflect:below 0px -webkit-gradient( linear, left top, left bottom, from( transparent ), color-stop( 50%, transparent), to( rgba(255,255,255,.3)) ); opacity: 1; }
.slider .ctrl .ctrl-i img:hover{}
JS+CSS3实现带预览图幻灯片效果
53759 学习 · 265 问题
相似问题
回答 1
回答 3