当前位置: 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-11-25 文件大小:345KB

CSS3 Generator Chrome插件下载地址

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

CSS3 Generator 相关插件

CSS3 Generator 同类插件推荐

Sencha Component Locator Chrome插件

开发者插件 2019-07-24 08:25:29

使您能够轻松地从 DOM 元素中找到 Sencha Ext JS 组件,并为它们生成各种定位器。只需检查页面上的元素,Sencha 组件定位器将尝试找到相关的 Ext JS 组件,并建议各种不同的定位器。这些将显示在 “Sencha 组件定位器” 选项卡中。
如果您使用 Sencha Test 编写端到端测试,此扩展很有用, 因为它为与给定元素相关联的组件提供了各种定位器,并建议了 Se

WME Michigan v1.0.9 Chrome插件

开发者插件 2019-09-27 08:33:02

Integrates publicly available data from the State of Michigan and MDOT with the Waze Map Editor.

Extension created by davielde but has been abandoned. This version contains updates for new ve

Salesforce Console Launcher Chrome插件

开发者插件 2015-03-27 10:13:41

快速启动Salesforce的开发者控制台,一个快速的快捷方式启动的Salesforce开发者控制台Quick launch",1,[["快速启动",967,false,false],["的快速启动",0,false,false]],[[0,12]],"Quick launch Salesforce Developer Console, a quick shortcut to launch Sal

MyChromeApp Chrome插件

开发者插件 2016-04-09 08:01:11

Make your own Chrome App in 60 seconds for FREE. No Login, No signup, No bullshit. 100% source code, 100% easy.
Make your Chrome App
very very very easily!

Boost your website trafic

PseudoLocalizer v2.0 Chrome插件

开发者插件 2019-10-21 00:32:49

更新包括许多错误修复,以及现在起诉日本数字的改进填充。源代码现在在 github (https://github.com/eirikRude/pseudolocalizer) 中可用你做本地化是一个重要的工具本地化和国际 i z 在离子工程师。您进行本地化的目标是提供一个仍然可用的界面,同时突出显示应用程序本地化时出现的一些常见问题。
您进行本地化尝试测试的一些区域是: ● 文本扩展

Selenium Object Finder Chrome插件

开发者插件 2018-09-17 06:19:36

Spot all the available id, name and custom attributes- highlighted in different colors
for web automation using Selenium WebDriver.

This chrome extension - SOF, helps to find all the obje

Agile Docs Chrome插件

开发者插件 2015-12-17 13:32:21


Savedev Code Converter Chrome插件

开发者插件 2015-06-08 13:34:08



- 文本字符串二进制
- 二进制到文本字符串
- 二进制到数型
- 数以二进制
- 十六进制数来(十进制)
- 数字(十进制)为十六进制
- URL编码
- URL解码
- HTML编码

More Ractive Data Chrome插件

开发者插件 2019-10-18 01:23:34

This extension provides detailed data about Ractive components in Ractive 0.7 and now 0.9

Currently provided details include:
Component name,
Data properties,
Computed properties

Cache Browser Chrome插件

开发者插件 2015-03-25 22:16:48




未来的更新将包括:1)一个复选框,可以轻松地禁用扩展2 )没有重定向,如果缓存不可用3 )利用回程机如果没有谷歌的缓