18.03.2020, 10:46
(Dieser Beitrag wurde zuletzt bearbeitet: 18.03.2020, 10:46 von Schnapsnase.)
(18.03.2020, 09:53)tc4me schrieb: könntest du mir da bitte mit dem Code helfen?
Ich gehe davon aus, dass Du elementare Kenntnisse in HTML und CSS hast und Dir das Grundgerüst und die CSS-Anweisungen für Deine Bedürfnisse selbst anpassen/ergänzen kannst.
Eine fertige Lösung für copy&paste werde ich natürlich nicht liefern.
Code:
<!-- html-Grundgerüst -->
<div class="marquee_wrapper">
<div class="marquee"><b>Dein Text, Dein Imagepfad etc.pp</b></div>
</div>
/* css-Grundgerüst */
.marquee_wrapper {
width: 50%;
overflow: hidden;
}
@keyframes marquee
{
from
{
transform: translate3d(0%, 0%, 0px);
left: 100%;
}
to
{
transform: translate3d(-100%, 0%, 0px);
left: 0%;
}
}
.marquee {
position: relative;
display: inline-block;
white-space:nowrap;
animation: marquee 16s linear infinite;
}
.marquee:hover {
animation-play-state: paused
}