Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!doctype html> <html> <head> <style> body {font:12px arial, helvetica, sans-serif;} .marquee { width:130px; height:40px; padding:5px; background-color: yellowgreen; border: 20px solid rgba(0,0,0,0.3); white-space: nowrap; overflow: hidden; /* Safari and Chrome */ overflow-x:-webkit-marquee; -webkit-marquee-direction: backwards; -webkit-marquee-style: scroll; -webkit-marquee-speed: fast; -webkit-marquee-increment: small; -webkit-marquee-repetition: infinite; /* W3C */ overflow-x: marquee-line; marquee-direction: forward; marquee-style: scroll; marquee-speed: fast; marquee-play-count: infinite; } </style> </head> <body> <div class="marquee"> <p>And today's weather will be... FINE!</p> </div> <p><strong>Important:</strong> This property has now been dropped from CSS3. For a W3C-compliant marquee, see <a href="/css/codes/marquees/" target="_blank">CSS marquees</a>.</p> </body> </html>
