Ruby-Rose

Site URL: https://www.naturelimpact.com/about

Hello! 

I am trying to achieve a scrolling text animation like on this website: https://www.celebratethegoodthings.com/about 

I have tried using the below code but I want the paragraph to stay on one line and not wrap. Does anyone know how I might achieve this? 

My website is https://www.naturelimpact.com/about 

Password: 1

Thank you so much! 

.scroll{
overflow: hidden!important;
 position: relative!important;
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);  
 transform:translateX(100%);
 -moz-animation: scroll 15s linear infinite;
 -webkit-animation: scroll 15s linear infinite;
  animation: scroll 15s linear infinite;}
@-moz-keyframes scroll {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes scroll  {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}

#page {overflow-x:hidden}

@SquareRefresh It worked perfectly!!!! :') Thank you thank you!!!!! 

Hello to all! 

I am trying to achieve an infinite 360 rotating circle animation for a client website  (7.1)

To see exactly what i'm trying to achieve, look at this websites home page  https://www.alexcantone.com/ 

I've tried googling this but have had no luck!

Would the css required be something like the below?  Or not at all? 
 

#block-yui_3_17_2_1_1634295033920_10337 {animation: turn 15s linear infinite;
}

Any help or guidance would be greatly appreciated .... thank you in advance!

Ruby Rose