Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <!-- Styles --> <style> .example2 { height: 50px; overflow: hidden; position: relative; } .example2 h3 { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: left; /* Apply animation to this element */ animation: example2 10s ease-out; } /* Move it (define the animation) */ @keyframes example2 { 0% { transform: translateX(200%); } 100% { transform: translateX(0%); } } </style> <div class="example2"> <h3>Slide-in gradually.</h3> </div>
