Facebook
From figaro, 2 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 133
  1.  
  2. <style>
  3.  
  4. #container {
  5.   display: inline-block;
  6.   margin: 20px;
  7.   border: 1px solid black;
  8.   overflow: hidden;            /* clip the excess when child gets bigger than parent */
  9. }
  10. #container img {
  11.   display: block;
  12.   transition: transform .4s;   /* smoother zoom */
  13. }
  14. #container:hover img {
  15.   transform: scale(1.3);
  16.   transform-origin: 50% 50%;
  17.   webkit-filter: blur(2px);
  18. filter: blur(2px);
  19. }
  20.  
  21. </style>
  22.  
  23. <div id="container">
  24. <div id="img"><img src="https://media.tenor.com/images/eff22afc2220e9df92a7aa2f53948f9f/tenor.gif"></div>
  25. </div>