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').
Loading...
Related Quiz
- What unit is typically recommended for setting the "line-height" property to ensure consistent spacing?
- You're developing a website where certain styles should only be applied to screens wider than 768px. How would you set this condition using media queries?
- What value of the display property makes an element behave like a block-level element but allows it to sit inline with other content?
- What would be the primary reason to avoid excessive nesting in SASS or SCSS?
- Which property in CSS is used to set the width of the content area of an element?