Cascading Style Sheet (CSS) properties provide you with various functionalities to make your Web page more dynamic and attractive. Some of these functionalities are applying effects, creating frames, and customizing the appearance of controls on a Web page.
Effects are optical illusions created by animating images and elements in a Web page. These effects can be made to appear in a Web page on various events, such as mouse hover and mouse click. For instance, you can set the transition effect to appear between two images when a mouse is clicked.
As already said, effects are the results of action that are carried out to change the look and feel of HTML elements.
There are following types of effects that can be applied on a Web page using CSS3: