CSS3Subscribe to RSS - CSS3

CSS3 App


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


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

Working with CSS3 Transitions


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.

Working with CSS3 Gradients

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.