rotate3d() CSS Function - Playground Example

« Back to rotate3d() CSS Function

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.normal {
    padding: 20px;
    margin: 20px;
    width: 120px;
    background: #546D62;
    color: white;
    font-family: sans-serif;
}
.rotated {
    transform: rotate3d(1, 3, 1, 60deg);
}
</style>
</head>
<body>
<div class="normal rotated">Rotated</div>
<div class="normal">Not rotated</div>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee