CSS3 reference manuals and CSS3 code generation tools to accelerate your learning web making

Article Introduction: the effects of creating new features such as box-sizing, boundary radii, text shadows, gradients, and so on CSS3 are already exciting to the front-end developers. Using CSS3 for front-end design is the future development trend. Therefore, if you are a front-end designer, you need to master these latest technologies, or you may be eliminated.

CSS3 technology is now becoming more and more mature, with some new features of CSS3 (such as box-sizing, boundary radii, text shadows, gradients, etc.) created to make the front-end developers excited. Using CSS3 for front-end design is the future development trend. Therefore, if you are a front-end designer, you need to master these latest technologies, or you may be eliminated.

First, the reference manual
1. Idiomatic CSS
Write a unified, custom-compliant CSS principle, with Chinese version.
2. CSS3 Click Chart
Sample code and CSS3 attribute support table.
3. CSS3 Selector
Official instruction manual for CSS3 selector.

4. HTML5 & CSS3 Support
A list of support for HTML5 and CSS3 in mainstream browsers.

5. Css3-information and Samples
A variety of information and examples for CSS3.

6. Sencha CSS3 Cheat Sheet

7. Smashing Magazine CSS3 Cheat Sheet

Two, CSS code generation tool
1. Gradient Editor
A powerful CSS gradient code visualization editor, similar to Photoshop's gradient settings interface.

2. Gradient
CSS3 Gradient code generator.

3. Border Radius
Boundary radius (rounded) code generator, which generates code automatically by setting a four-corner radius number, and can preview the effect directly.

4. CSS3 Generator
Set up various properties, including text shadows, outlines, boundaries, gradients, transitions, and so on, and automatically generate code through visual form.

5. CSS3
CSS3 Code Builder for boundary radii, Box shadows, background gradients, and opacity.

6. Layerstyles
If you are familiar with Adobe Photoshop, you will find this tool very useful.

7. Csswarp
The CSS code that automatically generates the path text.

8. Font Squirrel
Generates fonts in Woff, SVG, EOT, and TTF formats and is used in CSS.

9. CSS3 Maker
Powerful CSS3 code generator.

CSS3 Tool
A collection of various CSS3 code generation tools.