[FRAGE] Laufschrift mittels CSS3

[joergi]

Hi,

ich möchte gerne eine Laufschrift mittels CSS3 erstellen. Dazu habe ich den untenstehenden Code gefunden, den ich leicht geändert habe. Der Script läuft auch einwandfrei. Jedoch gibt es zwei Punkte, die mich stören:

1. Je länger der Text, desto schneller scrollt der Text. Gibt es eine Möglichkeit, den Text, unabhängig der Länge, in einer festen Geschwindigkeit zu scrollen?
2. Der Text hackt teilweise d.h. bleibt kurz stehen und scrollt dann weiter. Gibt es hier eine Möglichkeit, das ganze zu optimieren?

Könnt Ihr mir helfen? Bin leider komplett ratlos. Danke im voraus

<style>
.marquee {
width: 600px;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
-webkit-animation: marquee 15s linear infinite;
}
@-webkit-keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
</style>
<div class="marquee"><span>Das ist ein Test</span></div>

 

[kkapsner]

Gibt es eine Möglichkeit, den Text, unabhängig der Länge, in einer festen Geschwindigkeit zu scrollen?

Soweit ich weiß nicht. Wenn du so etwas willst, musst du wohl auf JS zurückgreifen.

Der Text hackt teilweise d.h. bleibt kurz stehen und scrollt dann weiter.

In welchem Browser mit welcher Version in welchem Betriebssystem hast du getestet?

 

[joergi]

Hi, danke für die Antwort
Habe das ganze mit einer Mischung aus PHP und CSS gelöst. Zuerst wird die Anzahl der Zeichen einer Laufschrift gelesen. Die daraus resultierenden Sekunden, werden dann in das "style" geschrieben. Funktioniert wunderbar.

Der Text hackt übrigens nur beim Firefox. Und auch dann nur, wenn mehr als ein Browserfenster geöffnet ist. Aber ich bin guter Dinge, das Firefox den Fehler in Zukunft abstellt.

 

[kkapsner]

Hast du eine monospaced Schriftart? Sonst ist die Schrift nicht gleich schnell... aber wenn du nicht lauter "M"s oder lauter "i"s im Text hast, sollte man das nicht wirklich merken.

Der Text hackt übrigens nur beim Firefox.

Wieviel GB RAM belegt der FF denn?

 

[joergi]

Hi kkapsner,

ich habe keine monospaced Schrift sondern einen freien Font integriert. Aber unabhängig von der Textlänge, bleibt die Geschwindigkeit ziemlich gleich

Firefox belegt übrigens ca. 500 MB.

 

[kkapsner]

Firefox belegt übrigens ca. 500 MB.

Das ist jetzt nicht übermäßig viel für den FF...