css transition and transform

Tutorials of (Css transition and transform) by Dan carpenter

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


  <div class="div2"></div>
/* 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