You want to design a heartbeat animation where a heart icon grows and shrinks continuously. How would you ensure the animation runs smoothly in both directions?
- rotate transformation with CSS transitions
- scale transformation with CSS animations
- skew transformation with CSS animations
- translate transformation with CSS keyframes
To create a smooth heartbeat animation that makes an icon grow and shrink, you should use the scale transformation with CSS animations. This allows you to scale an element up and down smoothly, ensuring it runs seamlessly in both directions.
Loading...
Related Quiz
- What is the role of the grid-gap property in a grid layout?
- One of the benefits of CSS-in-JS solutions is that they can prevent unused styles, leading to ________.
- How can you ensure that text remains visible during webfont load?
- How do you position an item in the third row and second column of a grid?
- How would you style only the first list item of an unordered list in CSS?