Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .animatedBox { width: 50%; height: 200px; text-align: center; font: 24px/40px sans-serif; color: white; background: skyblue url('/pix/samples/albatross.png') no-repeat bottom center / 80%; animation: myAnimation 3s ease 1s 3 alternate forwards; } @keyframes myAnimation { 100% { width: 100%; } } </style> <div class="animatedBox">Royal Albatross</div>
Preview