Jump to content

JorenS

Member
  • Posts

    3
  • Joined

  • Last visited

Everything posted by JorenS

  1. Could it be that your HTML is invalid after you added your code? A tag that has not been closed properly can cause CSS to mess with your styles.
  2. Trying to animate a <g> path inside an SVG, it rotates around itself but after the animation has been played, it reverses back to its original state. I've searched for a bit and found a few answers but nothing seems to be working.. .c-letterA { background-color: hotpink; position: relative; z-index: 10; animation-name: letterA; animation-duration: 7s; transform-box: fill-box; animation-iteration-count: infinite; animation-fill-mode: forwards; transform-origin: 50% 50%; animation-delay: 0s; animation-direction: forwards; animation-timing-function: linear; } @keyframes letterA { 0% { transform: rotate(90deg); } 5% { transform: rotate(180deg); } 25% { transform: rotate(180deg); } 30% { transform: rotate(270deg); } 50% { transform: rotate(270deg); } 55% { transform: rotate(0deg); } 75% { transform: rotate(0deg); } 80% { transform: rotate(89deg); } 100% { transform: rotate(89deg); } }
  3. The font seems to be loading on desktop everywhere (not only the desktops where the font has been installed). Safari on iOS loads the font aswell but chrome on android does not. Does anyone know what I might've done wrong? (worked out in Wordpress and fonts have been uploaded in the fonts folder)
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.