css3transition实现图片放大缩小_html/css_WEB-ITnose

                           .img-content{width: 500px;height: 300px;margin: 0 auto;position: relative}        .img-content img{            position: absolute;            cursor: pointer;            transition: transform 2s;            -moz-transition: -moz-transform 2s;            -webkit-transition: -webkit-transform 2s;            -o-transition: -o-transform 2s;        }        .big{            z-index: 2;            transform:scale(2,2);            -ms-transform:scale(2,2); /* IE 9 */            -moz-transform:scale(2,2); /* Firefox */            -webkit-transform:scale(2,2); /* Safari and Chrome */            -o-transform:scale(2,2); /* Opera */        }        .normal{            transform:scale(1,1);            -ms-transform:scale(1,1); /* IE 9 */            -moz-transform:scale(1,1); /* Firefox */            -webkit-transform:scale(1,1); /* Safari and Chrome */            -o-transform:scale(1,1); /* Opera */        }                        $(function(){            $('.img-content img').off().on('mouseover',function(){                $(this).addClass('big').removeClass('normal')            }).on('mouseout',function(){                $(this).addClass('normal').removeClass('big')            })        })       


      
查看更多关于css3transition实现图片放大缩小_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108745