You're designing a button that, when clicked, shows a loading spinner. The spinner should rotate continuously. Which properties are crucial for this effect?

  • animation-duration
    animation-timing-function
    animation-iteration-count
    animation-direction
  • box-shadow
    margin
    border-radius
    display
  • font-size
    color
    line-height
    width
  • transform
    transition
    opacity
    position
To create a loading spinner that rotates continuously, you need to use CSS animations. Key properties for this effect include animation-duration (to control the duration of the animation), animation-timing-function (to specify the timing function for animation), animation-iteration-count (to set it to 'infinite' for continuous rotation), and animation-direction (to make it rotate continuously using 'alternate' or 'normal').
Add your answer
Loading...

Leave a comment

Your email address will not be published. Required fields are marked *