CSS Transform Test

Tutorials of (Css transform test) by Gabriel f. lujan

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>CSS Transform Test</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <a href="https://www.google.com/"><img id="transform-test" src="http://mojo.mojovm.com/uploads/user/1040/%20%20%20generic%20-%20bar%20button%20blue-%20phoenix.png" alt="Transform Test">Hello World</a>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
body {
	background-color: #333;
	color: #999;
}

#transform-test {
	border: 1px solid red;
	transform: rotate(270deg) scale(0.25) translate(-200px, -100px);
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( CSS Transform Test ) is write by Gabriel F. Lujan, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Gabriel F. Lujan