CSS3 features

I read an awesome article:

12 Awesome CSS3 Features That You Can Finally Start Using

The following I extract from the article for quick retrieving:

1. CSS Animations and Transitions
2. Calculating Values With calc()
3. Advanced Selectors
   My previous blog has details about it: CSS3 modules, selectors List
4. Generated Content and Counters
5. Gradients
6. Webfonts
   we have services like Google Fonts and typekit, which let you embed beautiful fonts by simply including a stylesheet in your page. There are even icon fonts like fontawesome, which contain pretty vector icons, instead of letters or numbers. This was all made possible by the @font-face rule, which lets you define the name, characteristics and source files for fonts, which you can later refer in your font/font-family declarations.
7. Box Sizing
8. Border Images
9. Media Queries
10. Multiple Backgrounds
11. CSS Columns
12. CSS 3D Transforms

Usally, the most important CSS3 modules are:

• Selectors
• Box Model
• Backgrounds and Borders
• Image Values and Replaced Content
• Text Effects
• 2D/3D Transformations
• Animations
• Multiple Column Layout
• User Interface

Besides, HTML5 keygen also a good feature: The tag specifies a key-pair generator field used for forms. When the form is submitted, the private key is stored locally, and the public key is sent to the server.

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security">
  <input type="submit">
</form>