首页 开发者工具 CSS3 Click Chart - CSS3点击图表工具

CSS3 Click Chart - CSS3点击图表工具

用户数 : 11848 分类 : 开发者工具 扩展大小 : 8.58KiB 最后更新时间 : 2015-03-13 版本 : 0.1
                            

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点击图表工具安装

(1) 将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
解压压缩包
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
打开开发者模式
(4) 将crx文件拖拽到扩展程序页面,完成安装
拖放以安装

(5)如有其它安装问题,请扫描网站底部二维码与客服联系



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/

查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功