[Problem][CSS] Przewijający się tekst.

[Gość mpm1122]

Witam, mam dosyć ciekawy problem jak zrobić aby tekst się przewijał (coś jak napisy końcowe) w css 3?

Będę wdzięczny i zobowiązany za pomoc.

Znalazłem taki kod:

#titlecontent
{
	position: absolute;
	top: 100%;
	-webkit-animation: scroll 10s linear 4s infinite;
	-moz-animation: scroll 10s linear 4s infinite;
	-ms-animation: scroll 10s linear 4s infinite;
	-o-animation: scroll 10s linear 4s infinite;
	animation: scroll 10s linear 4s infinite;
}

/* animation */
@-webkit-keyframes scroll {
	0% { top: 100%; }
	100% { top: -170%; }
}

@-moz-keyframes scroll {
	0% { top: 100%; }
	100% { top: -170%; }
}

@-ms-keyframes scroll {
	0% { top: 100%; }
	100% { top: -170%; }
}

@-o-keyframes scroll {
	0% { top: 100%; }
	100% { top: -170%; }
}

@keyframes scroll {
	0% { top: 100%; }
	100% { top: -170%; }
}

Jednak tekst ponawia się co 10 sekund :/

[d.v 1409]

Starym HTML-owym marquee można to zrobić.

<marquee behavior="scroll" direction="up">Tu wrzucasz tekst</marquee>

[Gość mpm1122]

Niestety, ale ta opcja odpada :/ Tekst zbyt szybko przelatuje i nadal się powtarza.

[Gość mpm1122]

Oczywiście zapomniałem o infinite

[d.v 1409]

Nie pasi? No to masz ładne, eleganckie:

http://jsfiddle.net/jonathansampson/h7SYp/

Minuta z wujkiem G...

[Gość mpm1122]

Nie pasi? No to masz ładne, eleganckie:

http://jsfiddle.net/jonathansampson/h7SYp/

Minuta z wujkiem G...

Pasuje, oczywiście Tylko jak analizowałem kod jeszcze raz na spokojnie zapomniałem o infinit