Introduction
CSS is used to control the
style and layout of Web pages. Cascading Style Sheets3 is the latest standard
for Cascading Style Sheets. HTML5 applications can provide awesome experiences
thanks to the new CSS3 specifications. One of them is CSS3 Animations. It can
help you building rich animations on HTML elements. Cascading Style Sheets and
is a mark up language for altering and giving style to a website or elements
within a website. The CSS3 represents the next generation of style sheet language.
It is very important to learn that while it is fun to learn and play with CSS3
it is still not yet fully supported in current browsers. This means that if you
are to incorporate CSS3 in a live website it would be a good idea to make sure
there is fallback code for the browsers that are struggling to support it. Using
CSS3 key frame animations, developers can create smooth, maintainable animations
that perform relatively well and that do not require reams of scripting.
Some CSS3 property
- text-shadow
- webkit-box-shadow
- box-shadow
- multiple backgrounds
Sample CSS3 Media Query Code
<link rel="stylesheet"
type="text/css"
media="screen and (max-device-width:
480px)"
href="foureighty.css" />
summary
This media query will trigger your foureighty style sheet if the
visitor browser is 480 pixels or less. In this manner, you can create different
style sheets to accommodate for different orientations as well as screen sizes.