Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 80px;
  height: 80px;
  background-color: pink;
}
div.a {
  transform: rotate(atan2(50, 100));
}
div.b {
  transform: rotate(atan2(30px, -3rem));
}
div.c {
  transform: rotate(atan2(40%, 75%));
}
div.d {
  transform: rotate(atan2(pi, 25));
}
</style>
</head>
<body>
<h1>The atan2() Function</h1>
<p>Use atan2() to rotate elements:</p>
<h2>transform: rotate(atan2(50, 100)):</h2>
<div class="a">Hello World!</div>
<br>
<h2>transform: rotate(atan2(30px, -3rem)):</h2>
<div class="b">Hello World!</div>
<br>
<h2>transform: rotate(atan2(40%, 75%)):</h2>
<div class="c">Hello World!</div>
<h2>transform: rotate(atan2(pi, 25)):</h2>
<div class="d">Hello World!</div>