css transition and transform

Tutorials of (Css transition and transform) by Dan carpenter

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>css transition and transform</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="div2"></div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
.div2 {
  width: 100px;
  height: 75px;
  transition: 1s;
  background-color: lime;
  -webkit-transform: perspective(350px) rotateZ(0deg) translateX(30px) translateY(-35px) translateZ(150px);
}

.div2:hover {
  -webkit-transform: perspective(200px) rotateZ(45deg) translateX(30px) translateY(-35px) translateZ(150px);
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( css transition and transform ) is write by Dan Carpenter, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Dan Carpenter