Toggle navigation
☰
HTML
CSS
Scripting
Database
<!doctype html> <title>Example</title> <style> .box { width: 100px; height: 100px; background-color: coral; color: white; display: flex; align-items: center; justify-content: center; /* Bind the animation to the element */ animation-name: fadeInAndMove; animation-duration: 3s; animation-iteration-count: infinite; } /* Define the animation keyframes */ @keyframes fadeInAndMove { from { opacity: 0; transform: translateX(0); } to { opacity: 1; transform: translateX(100px); } } </style> <div class="box">Animate Me!</div>
