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