CSS Rotation Keyframe animation

Tutorials of (Css rotation keyframe animation) by Shekhar khedekar

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>CSS Rotation Keyframe animation</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div></div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
div {
  width: 24px;
  height: 24px;
  background: red;
  -webkit-animation-name: rotate360;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  /* -webkit-transform: rotate(-45deg); */
}

@-webkit-keyframes rotate360 {
  100% {
  -webkit-transform: rotate(-359deg);
  }
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( CSS Rotation Keyframe animation ) is write by Shekhar Khedekar, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Shekhar Khedekar