LEVEL 2 - 8. TRANSLATE

OBJECTIVE In the img hover state, transform the image by translating it 10px to the right and 20px down. Remember to include appropriate vendor prefixes.

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>LEVEL 2 - 8. TRANSLATE</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <img src="https://s20.postimg.org/5lh3g3qvx/r2d2.jpg"></img>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
img {
  border: 10px solid #cfcfb8;
  -webkit-box-shadow: 4px 4px 8px #222222;
  -moz-box-shadow: 4px 4px 8px #222222;
  box-shadow: 4px 4px 8px #222222;
}

img:hover {
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( LEVEL 2 - 8. TRANSLATE ) is write by ialtamirano, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © ialtamirano

More from ialtamirano

You Might Also Like