Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <style> .animated { font-family: sans-serif; font-stretch: ultra-condensed; animation: myAnimation 3s ease 1s 3 alternate forwards; } @keyframes myAnimation { 100% { font-stretch: ultra-expanded; } } </style> <h1 class="animated">CSS animatable property</h1> <p><strong>Note</strong>: If this doesn't work, it could be that you don't have a condensed version of the default font. Also, browser support for this property is very limited at the time of writing.</p>