CSS Animation

CSS Animation

Animation is a method in which objects are moved from one point to another point. 

Let us talk about animation(s) in web development. In web development, animation can be termed as changing the style of an element to another style. We know webpages are developed using text, images etc. So here in html, element (Object) denotes the text and images. Developer can animate the text and images using the language called CSS (Cascading Style Sheet). 

For example: changing the color/font size of the text, when the user hovers on the element.

CSS uses three types of basic transformations:

1. Translate

2. Scale

3. Rotate

Translate is the transformation the elements position from one point to another point. It can be moved towards X axis and Y axis.

Scale is the method in which size of an element is scaled to another size. The size can be either increased or decreased.

Rotate is the next transformation, in which the element can be rotated using the degree value.

The transformations should be clubbed along with transition property, which has sub properties like transition, transition-delay, transition-duration, transition property and timing-function.

Advanced animation can be developed and performed using of @keyframes method, which is also an integral part of CSS. With @keyframes method, we can power the element with animation like infinite transition, animation time and animation direction.

We are the Best Web design Company in Coimbatore. Reach us at www.rgis.asia .