Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .element { border: 2px solid #666; width: 350px; height: 150px; font: 20px "Fira Sans", sans-serif; -webkit-animation: element 4s infinite; animation: element 4s infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes element { 50% { font: 50px bold; } } /* Standard syntax */ @keyframes element { 50% { font: 50px bold; } } </style> </head> <body> <h2>Font animation example</h2> <div class="element"> <p>Some paragraph</p> </div> </body> </html>