Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .animatedBox { width: 300px; height: 200px; text-align: center; font: 24px/200px sans-serif; color: white; background-color: red; animation: myAnimation 12s ease 1s 1 forwards; } @keyframes myAnimation { 33% { background-color: green; } 66% { background-color: blue; } } </style> <div class="animatedBox">Background Color</div>
Preview