Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .animatedBox { width: 200px; padding: 20px; margin: 25px; border: 1px solid black; text-align: center; font: 24px sans-serif; animation: myAnimation 5s ease 1s 1 alternate forwards; } @keyframes myAnimation { 50% { box-shadow: 0px 0px 25px orange; } 100% { box-shadow: 1px 1px 8px black inset; } } </style> <div class="animatedBox">Animated box</div>
Preview