Mehrere Texte nebeneinander „im Kreis fahrend“
Hallöchen, ich wollte euch fragen, ob ihr zufällig wisst, wie sich so etwas umsetzen lässt.
http://www.basili.co - gemeint ist die Anfangsanimation
Anm.: nur am Handy/Mobile Version sichtbar.
Und dann noch weiter unten die fahrenden Schriften die sich von links nach rechts im Kreis bewegen. („our Work“ „Get in Touch“)
Anm.: auf dem Handy & Desktop sichtbar
Ich hab diesbezüglich schon ein wenig recherchiert, leider nicht wirklich fündig geworden.
Liebe Grüße
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<style>
*{
margin:0;
padding:0;
}
#mbox{
width: 100vw;
overflow: hidden;
white-space: nowrap;
color:black;
}
#mbox div{
display:block;
opacity: 0.2;
font-size: 50px;
font-weight:700;
font-family: sailec,Helvetica,sans-serif;
position: relative;
}
.left{
animation: marquee_left1 20s linear forwards infinite;
left:-100vw;
text-align:left;
}
.right{
animation: marquee_right1 20s linear forwards infinite;
text-align:right;
right:-100vw;
}
.marquee:hover span {
color:black;