amazeui-magnifier/dist/amazeui.magnifier.css

Amaze UI图片放大镜插件

/*! amazeui-magnifier v0.2.0 | by Amaze UI Team | (c) 2016 AllMobilize, Inc. | Licensed under MIT | 2016-11-29T14:39:57+0800 */ 
/*! Amaze UI Plugin ~ magnifier */
/* magnifier */
.am-magnifier {
  display: inline-block;
  position: relative;
}
.am-magnifier > img {
  -o-object-fit: contain;
     object-fit: contain;
  cursor: crosshair;
}
.am-magnifier > div {
  display: none;
  position: absolute;
  top: 0;
  z-index: 999;
}
.am-magnifier > div:not(:last-child) {
  left: 0;
  background-color: #000;
  opacity: 0.15;
  pointer-events: none;
}
.am-magnifier > div:last-child {
  left: 100%;
  overflow: hidden;
}
.am-magnifier > div:last-child > img {
  max-width: none;
  -o-object-fit: fill;
     object-fit: fill;
  will-change: transform;
}
.am-magnifier > img:hover ~ div {
  display: inline-block;
}