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