加上动画后图片倒影闪一下就没了,求大神纠错

来源:2-3 基本界面样式完成

叶小白

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;
                    
                }


写回答 关注

1回答

  • ningshaichn
    2016-01-26 13:52:37

    .slider .ctrl .ctrl-i img:hover{}

JS+CSS3实现带预览图幻灯片效果

同样的幻灯片,不一样的切换,学会实现思路,操作很简单

53759 学习 · 265 问题

查看课程

相似问题