Skip to content

Instantly share code, notes, and snippets.

@ElfhirDev

ElfhirDev/Clean zoom image

Last active October 10, 2016 10:12
Show Gist options
  • Save ElfhirDev/8a4e8271397afb1221eb25ea52f60ca3 to your computer and use it in GitHub Desktop.
Save ElfhirDev/8a4e8271397afb1221eb25ea52f60ca3 to your computer and use it in GitHub Desktop.
Download ZIP
zoom-image.css
Raw
Clean zoom image
/* 2016.10.10 */
img {
display: block;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-transition: transform 0.250s ease;
-o-transition: transform 0.250s ease;
-webkit-transition: transform 0.250s ease;
transition: transform 0.250s ease;
}
img:hover {
-moz-transform: scale3d(1.01,1.01,1.01);
-ms-transform: scale3d(1.01,1.01,1.01);
-o-transform: scale3d(1.01,1.01,1.01);
-webkit-transform: scale3d(1.01,1.01,1.01);
transform: scale3d(1.01,1.01,1.01);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment