What are the five new technologies you should know about CSS 3?

This article shows you what five new technologies you should know about CSS 3 are. The content is concise and easy to understand. It will definitely make you shine. I hope you can gain something from the detailed introduction of this article.

CSS is a well-known and widely used website style language, and in the new version of CSS 3, there are some new features that can save time. Although only the current * browser version supports these effects, it is necessary and interesting to learn about them. Before we begin this tutorial, let's create the basic markup that we'll use throughout the tutorial. Our xHTML needs the div element:

1: Basic markers

◆#round, using CSS 3 code to achieve rounded corners;

◆#indie, apply a few rounded corners individually;

#opacity, showing how new CSS 3 implements opacity;

◆#shadow, showing the use of CSS 3 to achieve shadow effects without Photoshop;

#resize, showing how to use a CSS to achieve resizing effects.

To sum up, our xHTML should look like this: