Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .chameleon { color: orange; animation-name: chameleon; animation-duration: 1s; animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 3.0); animation-delay: 0s; animation-iteration-count: 15; animation-direction: normal; animation-fill-mode: forwards; } @keyframes chameleon { 0% { font-size: 1em; } 50% { font-size: 2em; color: limegreen; } 100% { font-size: 1em; } } </style> <h3 class="chameleon">Animations!</h3>
Preview