Multi-layered text shadow creating stunning 3D depth. Great for headings, logos, and eye-catching typography.
<div class="text-3d">3D</div>.text-3d {
font-size: 5rem;
font-weight: 900;
color: #ff6b6b;
text-shadow:
1px 1px 0 #ff8787,
2px 2px 0 #ffa3a3,
3px 3px 0 #ffbfbf,
4px 4px 0 #ffdbdb,
5px 5px 10px rgba(0, 0, 0, 0.3);
}