You're creating a button hover effect where the button scales up gradually. Which combination of CSS properties would you primarily use?
- transform: scale(1.2);
transition: transform 0.3s ease-in-out; - transition: scale(1.2) 0.3s ease-in-out;
transform: scale(1.2); - scale(1.2);
transition: transform 0.3s ease-in-out; - transform: scale(1.2);
animation: scaleUp 0.3s ease-in-out;
To create a button hover effect where the button scales up gradually, you would primarily use the combination of CSS properties: transform: scale(1.2); for scaling the button and transition: transform 0.3s ease-in-out; to specify the transition duration, easing function, and the property to be transitioned (in this case, "transform"). This combination smoothly scales up the button on hover.
Loading...
Related Quiz
- How can you pause an animation before it begins or between iterations?
- What is the total width of an element (including padding and border) when the 'box-sizing' property is set to 'content-box'?
- What is the primary purpose of the letter-spacing property in CSS?
- You're developing a slide-in sidebar menu. What CSS property would be most efficient to animate for smooth performance?
- How can you use media queries to target devices with retina displays specifically?