点击图片实现放大镜效果

为什么80%的码农都做不了架构师？>>>   

transform: scale(1.05); /* 1.05倍放大镜效果 */

-ms-transform:scale(1.05); /* IE 9 */

-moz-transform:scale(1.05); /* Firefox */

-webkit-transform:scale(1.05); /* Safari 和 Chrome */

-o-transform:scale(1.05); /* Opera */

 

.card > .card-item > a > img:focus,
.card > .card-item > a > img:active,
.card > .card-item > a > img:hover{
  transform: scale(1.05);    /* 1.05倍放大镜效果 */
  -ms-transform:scale(1.05);   /* IE 9 */
  -moz-transform:scale(1.05);  /* Firefox */
  -webkit-transform:scale(1.05); /* Safari 和 Chrome */
  -o-transform:scale(1.05);    /* Opera */
}

 

参考文档:

http://jasinyip.com/WebFE/css3hoveramplify.html

CSS3移入图片放大效果

转载于:https://my.oschina.net/sai20150901/blog/733625