CSS3 Click Chart - CSS3点击图表工具

CSS3 Click Chart - CSS3点击图表工具背景

相信有很多开发者用户会在工作学习过程中会使用CSS技术。CSS用于控制网页的样式和布局，CSS3 是最新的CSS标准。CSS3的新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。

LOUIS LAZARIS根据自身CSS3的了解创建并发布一个CSS3“点击图表”或“帮助图表”（由于缺乏更好的用语），以显示一些CSS最新功能的示例。CSS3 Click Chart是逐步编译所有最新CSS3属性以及每个属性的信息的好方法，因此您可以自己开始学习它们，并在以后的项目中使用它们。

如果您经常使用CSS3，那么您一定不能错过这个好用的工具箱。

CSS3 Click Chart - CSS3点击图表工具介绍

CSS3 Click Chart是一款能帮助您在正在查看的页面上添加功能强大的CSS3图表的Chrome插件。

CSS3 Click Chart - CSS3点击图表工具功能

在用户通过下载安装CSS3 Click Chart插件之后，此款插件初始发行版只有8个示例，将来还会添加更多示例。每个示例都直观地显示CSS3功能，带有可单击的标题，该标题在页面底部打开一个框，以提供有关该特定功能的信息。

打开的方框提供了描述，浏览器支持，外部链接（通常为W3C信息）以及从页面本身的CSS提取的一些示例语法。

包括的CSS3属性是：

盒子大小
边界半径
阴影
RGBA颜色
多列
HSLA颜色
渐变色
多种背景

你还可以看到它们最后的更新时间，如果它们有自己的主页，还可以对它们进行分类和其他更多的功能。

CSS3 Click Chart - CSS3点击图表工具安装

CSS3 Click Chart - CSS3点击图表工具使用

安装好chrome插件后，直接点击扩展按钮即可对已安装的脚本进行便捷管理了。



I believe that many developers and users will use CSS technology in the process of work and study. CSS is used to control the style and layout of web pages. CSS3 is the latest CSS standard. There are many new features of CSS3, such as rounded corners, graphical borders, block shadows and text shadows, using RGBA to achieve transparency effects, gradient effects, using @ Font-Face to implement custom fonts, multiple background images, text or image deformation processing (Rotate, zoom, tilt, move), multi-column layout, media query, etc.

LOUIS LAZARIS creates and publishes a CSS3 "click chart" or "help chart" (due to lack of better terminology) based on its own understanding of CSS3 to show some examples of the latest CSS features. CSS3 Click Chart is a good way to gradually compile all the latest CSS3 attributes and the information of each attribute, so you can start learning them yourself and use them in future projects.

If you often use CSS3, then you must not miss this handy toolbox.


######## Features ########
After users download and install the CSS3 Click Chart plug-in, there are only 8 examples in the initial release of this plug-in, and more examples will be added in the future. Each example visually displays the CSS3 function with a clickable title that opens a box at the bottom of the page to provide information about that specific function.

The open box provides a description, browser support, external links (usually W3C information), and some sample syntax extracted from the CSS of the page itself.

The included CSS3 properties are:

Box size
Boundary radius
shadow
RGBA color
Multiple columns
HSLA color
Gradient
Multiple backgrounds

You can also see when they were last updated, and if they have their own homepage, you can also categorize them and more other functions.

For a full overview please take a look at the FAQ or just install this extension. ;)

Thanks for using CSS3 Click Chart. :)


########## Bugs ##########

Please DON'T report bugs by a review, BUT HERE:
- https://css3clickchart.com/