Marquee in CSS

Styles

Scroll

Lollipop topping lemon drops jujubes applicake fruitcake tart liquorice sesame snaps.
.marquee.scroll {
	-webkit-marquee: auto medium infinite scroll normal;
	overflow-x: -webkit-marquee;
}

Slide

Lollipop topping lemon drops jujubes applicake fruitcake tart liquorice sesame snaps.
.marquee.slide {
	-webkit-marquee: right medium infinite slide normal;
	overflow-x: -webkit-marquee;
}

Alternate

Lollipop topping lemon drops jujubes applicake.
.marquee.alternate {
	-webkit-marquee: left medium infinite alternate normal;
	overflow-x: -webkit-marquee;
}

Direction

Forwards

Lollipop topping lemon drops jujubes applicake fruitcake tart liquorice sesame snaps.
.marquee.forwards {
	-webkit-marquee: forwards medium infinite scroll normal;
	overflow-x: -webkit-marquee;
}

Ahead

Lollipop topping lemon drops jujubes applicake fruitcake tart liquorice sesame snaps.
.marquee.ahead {
	-webkit-marquee: ahead medium infinite scroll normal;
	overflow-x: -webkit-marquee;
	text-align: center;
}

Reverse

Lollipop topping lemon drops jujubes applicake.
.marquee.reverse {
	-webkit-marquee: reverse medium infinite scroll normal;
	overflow-x: -webkit-marquee;
	text-align: center;
}