CSS样式在线生成工具

 该工具是李灿辉翻译自国外网站的一款非常优秀的在线工具,可在线调试css显示效果并根据不同浏览器生成通用css代码,并且针对样式的显示有渐变与微调等实用的高级功能,方便需要的朋友使用


基本设置

basics:

关闭此处将从最终生成代码中删除此处的基本设置

+

打开该面板即可编辑此处该属性的特定值

边框圆角:

-
+
+

打开该面板即可编辑此处该属性的特定值

阴影效果:

-
+
Inset Shadow?Outset Shadow?
+

打开该面板即可编辑此处该属性的特定值

背景渐变:

关闭 开启

top to bottom

left to right

right to left

不透明度:

-
+
Only one filter will be previewed at a time
css3.me
v 2.3
  • Version 2.3 update: - 8 Apr 2013
  • 1. "Responsivized" modal.

  • Version 2.2 update: - 3 May 2012
  • 1. Added cookie for code selection checkboxes.

  • Version 2.1 updates: - 2 Mar 2012
  • 1. Changed most images to CSS3.
  • 2. Compressed existing images.

  • Version 2.0 updates: - 10 Jan 2012
  • 1. Added comment removal checkbox.
  • 2. Added browser selection checkboxes.
  • 3. Added watermark behind preview.
  • 4. Changed many images to CSS3.
  • 5. Added some HTML5 elements.
  • 6. Changed to unobtrusive JavaScript.
  • 7. Made a mess of things :(

  • Version 1.2 updates: - 16 May 2011
  • 1. Changed “background” to “background-image” when using linear-gradient.
  • 2. Added “background-clip” when using gradient and border-radius.
  • 3. Allow for hex codes to be inserted/edited in the color picker.
  • 4. Changed some comments in generated code to reflect correct behavior.
  • 5. Created version notes.

  • *Minor, internal, and previous changes not listed.
获取代码!

程序: Peter Funk  设计: Eric Hoffman
致敬:Anthony Lagoon

您的CSS代码!

×
选中代码