Please help, I am unable to move on and the Help area isn't much help at all.
<!DOCTYPE html>
<html>
<head>
<title>CSS transform property</title>
<style>
div{
width: 150px;
height: 80px;
margin: 100px;
background-color: #4535aa;
color: white;
}
.rotated
{
transform: rotate(-60deg);
}
.skewed
{
transform: skew(25deg, 45deg);
}
.translate-me
{
transform: translateX(100px);
}
.scaled
{
transform: scale(50deg, 150deg);
}
</style>
</head>
<body>
<div class="rotated">I am rotated</div>
<div class="skewed">I am skewed</div>
<div class="translate-me">Translate me!</div>
<div class="scale">Scale me!</div>
</body>
</html>
