marquee text animation *with code / something wrong with my code?

hey there,

i just use a little code for a marquee text animation.

this code works great on my brian template but i can´t center my text.

i try to see the text on the complete site, not only inside my code blog.

just have a look at my code.

i think there is something wrong ?!? 🙂

.marquee {

  width: 100%;

  margin: 0%;

  height: 100px;

  padding: 100px ;

  white-space: nowrap;

  overflow: hidden;

  box-sizing: border-box;

}

.marquee span {

  display: inline-block;

  padding-left: 0%;

  will-change: transform;

  /* show the marquee just outside the paragraph */

  animation: marquee 60s linear infinite;

}

thank you for your help 🙂

sarah

Can you share link to page in your question?

1 hour ago, tuanphan said:

Can you share link to page in your question?

i just found the answer,

 overflow: hidden; has to be visible BUT

no i have the problem that the page is no longer one sticky page.

there is a little space between the sites.

i can scroll up and down but it´s only one site?

any solutions?

this drives me crazy 🙂

https://finch-blenny-3nam.squarespace.com/config/

password: 123

On 6/2/2020 at 7:24 PM, wearesilk said:

i just found the answer,

 overflow: hidden; has to be visible BUT

no i have the problem that the page is no longer one sticky page.

there is a little space between the sites.

i can scroll up and down but it´s only one site?

any solutions?

this drives me crazy 🙂

 

https://finch-blenny-3nam.squarespace.com/config/

password: 123

Hi. Sorry for the delay. Just had a few days off in hometown. Have you solved yet?