How to make Animated css with @keyframes

CSS Animations - CSS animations is used to create the animation without JavaScript, Jquery and Flash. CSS and the HTML code is generated animations.
Animation Properties: animation, animation-delay, animation-direction, animation-duration,animation-fill-mode. animation-name: @keyframes name.
Example : @-webkit-keyframes color-change { 50% { background:red;} 100% { background:green;} }
animation-duration: Animation complte in time. ( defined in seconds(s) or milliseconds(ms))
Example : animation-duration:8s;

Difference between CSS and CSS3

The full form of CSS is Cascading Style Sheets. CSS describes how HTML elements are to be displayed on browsers screen, or in other media browsers screen. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files. CSS3 is the latest version of the CSS language. CSS3 is divided into many different documents called Modules. Every module adds new capability or […]

In the CSS functionality, Html4 is advance form of Html 3. Html4 doesn't change the language. In this, there are some new tags, useful attributes for existing tags. The latest version of HTML, version 4.