Streaming live at 10am (PST)

CSS embed for changing text is not working on mobile

Hi guys,

I’m using some custom CSS to switch a word in a sentence every second or so. It works great in my designer and also on the web page. I tested the mobile version on Chrome spectator mode, and it also worked fine. On my iphone however, it doesn’t.


<h1>A guide to Valencia. Made by friends, for  <span id="spin"> </span> </h1>

<style>
#spin {
  color:white;
}
#spin:after {
  content:"";
  animation: spin 6s linear infinite;
}
@keyframes spin {
  0% { content:"Expats"; }
  40% { content:"Traveler"; }
  100% { content:"Nomads"; }
  
}
</style>

I use an iPhone 8+ and Chrome.

Any ideas what I’m doing wrong here?

Read only lnk::** Webflow - Friends of Valencia **

Live website link: https://www.friendsofvalencia.com/