CSS property

1.scale() CSS function:

The scale() CSS function defines a transformation that resizes an element on the 2D plane because the amount of scaling is defined by a vector [sx, sy],

2.CSS @keyframes Rule

The CSS @keyframes rule defines animations by specifying keyframes that describe the styles to be applied at various points during the animation duration. It allows smooth transitions and transformations of web elements, controlled by percentages or from-to values.

@keyframes animation-name {
keyframes-selector {
css-styles;
}
}

3.CSS Animations

CSS animations control the movement and appearance of elements on web pages. We can animate HTML elements without using JavaScript.

Use @keyframes to define the animation steps.
Apply animations with properties like animation-name and animation-duration.
Control the animation flow using animation-timing-function and animation-delay.