Blur to Sharp Reveal

Text starts blurry and sharpens into focus.

.blur-reveal { animation: blurIn 1s ease forwards; }
@keyframes blurIn { from { filter: blur(10px); opacity:0; } to { filter: blur(0); opacity:1; } }