当前位置: Chrome插件首页 > 开发者插件 > CSS3 Generator Chrome插件

CSS3 Generator Chrome插件


CSS3 Generator Chrome插件图文教程

A handy generator for all of your CSS3 needs from within the browser
CSS3 Generator is a handy extension that will create the code you need for your CSS. It currently generates cross-browser (as far as possible) code for the following CSS3 properties:
- Text Shadow
- NEW, multiple shadows can now be added
- Hex/RGBA
- Transforms
- Border Radius
- Box Shadow
- NEW, multiple shadows can now be added
- NEW, box shadows can be set to inset
- Columns
- Gradients
- Linear
- Radial
- Striped (NEW!)
- Arrows (for tooltips etc)

More features are also on the way and things will be kept up-to-date as standards change and rearrange.

Each section has handy sliders (where applicable) to select the desired values for each CSS propery and for gradients you can quickly and easily add and remove color-stops to create your perfect gradient!

All that's left to do is copy the generated code into your CSS and you're done!

If you'd like to see a CSS3 feature added please send some feedback. There is a support site if you have any issues, or find a bug.

Latest Changes

v 1.0.5

- Fixed a bug in Chrome that means the change event doesn't fire for sliders. Added a fix so that now all sliders will update in real time as they are changed.

v 1.0.4

- Annoyingly something has changed in Chrome that means the change event doesn't fire when the value of the slider changes, but rather when the mouseup event fires. Sliders will update the values, but only when you let go of the mouse.
- Updated the RGBa < - > converter so that RGB values update the hex. A change is coming to CSS soon that may see opacity added as an extra two characters in hexadecimal values. I'll update if this ever gets released.
- Also added the alpha portion of the RGBa to the example colour. It will now fade out as you add more alpha (opacity) to the colour.
- Can now set box shadows as inset.
- Some bug fixes and optimisations.

v 1.0.3

- added striped gradients under the gradients tab
- added support for multiple text shadows
- and opacity
- added support for multiple box shadows
- and opacity

v 1.0.2

- fixed an issue where the colors section of the transitions wasn't working, or saving the given options.
- changed hex and RGBa title to show that they are interchangeable conversions

v 1.0.1

Everything should be a little more smooth now with the code optimisations.

- Added transitions tab with three sub tabs.
- Position: Animate the top, right, bottom and left position.
- Edges: Animate the edges (margins, padding, etc).
- Colors: Animate various colors (background, border, etc).
- Easing: Set the easing option (including custom beziers!).
- Added filters tab with two sub tabs
- Main Filters: The set of filters not requiring a bunch of options
- Drop Shadow: Requires a few options so put in a separate tab
- Moved transforms, border radius and box shadow to their own tab now called Box Model for space saving and brevity.
- Started adding some information/help guides for some of the CSS3 properties.
- Couple of bug fixes, especially where some tabs weren't working correctly.
- Some code fixes and optimisation. Spending too long looking at code makes for bad code. 查看更多

CSS3 Generator Chrome插件图片

  • CSS3 Generator插件图片
  • CSS3 Generator插件图片
  • CSS3 Generator插件图片
  • CSS3 Generator插件图片
  • CSS3 Generator插件图片

CSS3 Generator Chrome插件基本信息

插件名称:CSS3 Generator 插件作者:ahallicks 插件语言:English (UK) 官方站点:暂无官方站点 插件唯一标识:dmlgmehijaodgkkooghkknjjkddahmej

CSS3 Generator Chrome插件用户数和评分

下载次数:3107 用户评分:4.5 (共5分) 参与评分人数:14

CSS3 Generator Chrome插件文件信息

当前版本:1.0.5 最后更新日期:2019-08-15 文件大小:345KB

CSS3 Generator Chrome插件下载地址

本站下载 已有 3107 人成功下载

CSS3 Generator 相关插件

CSS3 Generator 同类插件推荐

Simplr Chrome插件

开发者插件 2019-04-24 03:06:35

Open your current page in a paired down, simplified window. Ideal for presentations or screenshots where you don‘t want the url bar or bookmarks to be displayed.

6/9/17 - New window now uses

Randomizer Cache Bypassing Chrome插件

开发者插件 2018-09-02 08:03:24

Add randomized URL Parameter and reload page to avoid (server) caching issues with changed content. The extension is based on javascript to force server cache bypassing with a randomized URL suffix.

Вверх! Chrome插件

开发者插件 2016-07-19 18:38:01

Подняться на один уровень вверх
Коротко: переходит на один уровень в структуре сайта вверх.
UPD 0.3: значок заменён на стрелку "вверх" для наглядности.
UPD 0.5: технический перех

X-Ray linker Chrome插件

开发者插件 2019-03-05 05:56:21

This extension looks up the X-Amzn-Trace-Id header and generates a link to take you to the matching trace.
Source code at https://github.com/LarsFronius/xray-chrome-extension

Slocher Chrome插件

开发者插件 2016-03-30 13:30:56

How many lines does this github-project contain?
Ever wondered how many source lines of code any given github project has? Well, wonder no more! - Simply install this extension and navigate to an

Salesforce Developer Tool Suite v0.7.0 Chrome插件

开发者插件 2019-06-10 14:34:21

通过设置区域或开发控制台查看调试日志是否需要很多时间。这个扩展试图通过点击两次即可看到调试日志,而无需离开当前的 sales force 选项卡,从而使这个用例变得简单。
-能够为任何用户或 apex 代码设置日志记录级别或跟踪标志

Github File Tree Chrome插件

开发者插件 2018-10-11 00:42:05

Reviewing a big PR and wish you could see the folder structure while reviewing code changes? With this Chrome Extension, you can see a folder tree of all the files in a PR, right beside the code on th

MD5 Hasher Chrome插件

开发者插件 2016-06-02 00:13:23

Chrome extension to generate MD5 hashes
Hashes a line into a MD5 hash for several times.
This provides a good method to create some unique and easy to remember passwords or keys.

Hoasted Check Chrome插件

开发者插件 2018-09-25 05:47:39

This developer tool shows the IP address of the website you are currently viewing. It does not listen to DNS, but checks from which IP address the current website resources are loaded. A quick and eas

Library Detector v5.2.0 Chrome插件

开发者插件 2019-04-23 03:20:48

库检测器扩展会发现您访问的网页上正在使用哪些 Javascript 库,并在地址栏中显示它们的图标以及库主页的链接。
支持 80 多个 Javascript 库,并随着每个版本的增长而增长。如果您认为缺少任何内容,请访问支持链接并提交请求。或者,更好的是,在