<!DOCTYPE html>
<html>
<head>
<style>
#normal {
width: 250px;
height: 250px;
background-color: "orange";
}
#Xrotate {
width: 250px;
height: 250px;
background-color: "orange";
transform: rotateX(70deg);
}
#Yrotate {
width: 250px;
height: 250px;
background-color: "orange";
transform: rotateY(55deg);
}
#Zrotate {
width: 250px;
height: 250px;
background-color: "orange";
transform: rotatez(180deg);
}
</style>
</head>
<body>
<div id="normal"><i>This is normal</i></div>
<div id="Xrotate"><i>This is X-rotated</i></div>
<div id="Yrotate"><i>This is Y-rotated</i></div>
<div id="Zrotate"><i>This is Z-rotated</i></div>
</body>
</html>