Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <style> .animatedBox { position: absolute; bottom: 0px; width: 200px; padding: 20px; text-align: center; font: 24px sans-serif; background-color: yellowgreen; color: white; animation: myAnimation 1s ease 1s 6 alternate forwards; } @keyframes myAnimation { 100% { bottom: 100%; } } </style> <div class="animatedBox">Animated box</div>