Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <style> .animatedBox { max-width: 0%; overflow: hidden; animation: myAnimation 2s ease 1s 3 alternate forwards; } @keyframes myAnimation { 100% { max-width: 100%; } } </style> <div class="animatedBox"> <img src="/pix/samples/15m.jpg" alt="Photo of longtail boat in Thailand"> </div>