Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Ruby-Rose

Member
  • Posts

    5
  • Joined

  • Last visited

  1. 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
  2. Hello! Thanks again for getting back to me. Your code helps me to make the text smaller however the text still wraps as seen in the screen shot below.... any other ideas? or do you think it's a fault with the original code? Thank you for your help so far 🙂
  3. Hello! Thanks so much for your help however once the code has been inserted the desktop version still has one word that is wrapping and it hasn't worked at all for mobile version .. 😞 any other ideas? Thanks again 🙂
  4. Hello! Thanks so much for getting back to me. https://casamaria.uk/ Password: Mooncake444 Let me know if you need anything else 🙂 Ruby
  5. Hi there! I currently have scrolling text animation on my website , however, both the desktop and mobile version wraps the text as seen in below photos. Can someone please help me to modify the below code so that the text stops wrapping all together on all screens? Thanks so much! 🙂 .scroll{font-family:Milestone; font-size:2.7rem; color: transparent!important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFFFFF; 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}
×
×
  • Create New...