Advertisement
phpaddict

CSS3 image grow on center fast

Mar 2nd, 2015
283
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.68 KB | None | 0 0
  1. .growImgCenterFast {
  2.     float: left;
  3.     height: 600px;
  4.     overflow: hidden;
  5. }
  6.  
  7. .growImgCenterFast img {
  8.     display: inline-block;
  9.     -webkit-transition-duration: 0.3s;
  10.     transition-duration: 0.3s;
  11.     -webkit-transition-property: -webkit-transform;
  12.     transition-property: transform;
  13.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  14.     -webkit-transform: translateZ(0);
  15.     -ms-transform: translateZ(0);
  16.     transform: translateZ(0);
  17.     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  18.     width: 100%;
  19. }
  20.  
  21. .growImgCenterFast img:hover {
  22.     -webkit-transform: scale(1.1);
  23.     -ms-transform: scale(1.1);
  24.     transform: scale(1.1);
  25. }
  26.  
  27. /*
  28. Usage:
  29. <div class="growImgCenterFast"><img src="" width="800" height="600" /></div>
  30. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement