Introduction

The selectors API and classList property were added to the DOM to select html elements and modify css classes assigned to them in a more convinient way. If you used special libraries or frameworks to do these things, you can consider now using only pure JavaScript.

Overview

This article demonstrates features of CSS3, which is the latest standard for CSS and covers modules of CSS3 mentioned below :

• Borders
• Backgrounds
• Text Effects
• Fonts
• 2D and 3D Transforms
• Transitions
• Animations
• Multiple Columns

CSS3 HTML Page

This web application consists of three pages, each page showcasing the different CSS3 properties.

Introduction

Introduction

Thanks to animations, websites and web applications became more interactive and vivid. The times when “website” meant “static content” have gone to past. Menu animations, slideshows, interactive charts are now an integral part of most applications. Before the introduction of the third version of CSS we had to use external libraries like jQuery or script.aculo.us for animations. Now we have two powerful features which are transitions and animations with keyframes. We’re going to focus on the first one in this article.

Note: This article describes CSS3 Gradients as part of the W3C CSS3 Image Values and Replaced Content API that works on Tizen. The document is Working Draft from 12 July 2011 and differs from the current version from 17 April 2012 which is Candidate Recommendation.

Now, you do not need to load bitmaps as background for gradient effect. CSS3 gives you possibility to create scalable gradient background using pure CSS3.

Article will describe how to apply CSS3 filters to images. It is the first from series of articles consisting of: "Working with CSS3 Filter Effects" , "Working with CSS3 Gradients" and "How to create collage from your photos using Raphael JS Library on Tizen".

Introduction