更新记录
2016.6.3:CSS样式在线生成工具完成上线

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代码!

×
选中代码

脚本之家工具类小程序上线了!微信小程序搜索 脚本之家工具箱 或者扫描如下小程序码直接打开小程序!

小程序工具箱仍在不断改进完善中,欢迎提出宝贵意见!


为回馈广大用户对脚本之家的关注,脚本之家不定期开展红包、图书、礼品大放送活动

关注官方微信公众平台即可参与活动!

最后,感谢您对脚本之家在线工具的支持!