24 款非常实用的 CSS3 工具收藏

作者: Admin 分类: 网站程序 发布时间: 2015-01-22 21:28 ė 6 没有评论

  对于 Web 设计和开发人员来说,CSS 是非常重要的一部分,随着越来越多的浏览器对 CSS3 的支持及不断完善,设计师和开发者们有了更多的选择。如今,你只用纯 CSS 就可以实现各种各样非常酷的效果,甚至是动画。今天介绍的是一个国外网站推荐 24 款非常优秀的 CSS3 工具,为了获得最佳的效果,请在 Chrome 4+、 Safari 4+、 Firefox 3.6+、 IE9+、 Opera 10.5+ 版本浏览器中使用下面这些在线工具。

  1、CSS3 Pie

  使用 CSS3 Pie 可以让 IE6 至 IE8 版本实现大多数的 CSS3 修饰特性,如圆角、阴影、渐变等等。

  2、CSS3 Click Chart

  非常好的 CSS3 效果演示,提供了示例代码。

  3、CSS3 Please!

  非常帅的一款 CSS3 工具,可修改代码,即时预览。

  4、CSS3 Button Maker

  一个非常不错的 CSS3 按钮制作工具。

  5、CSS3 Generator

  非常不错的 CSS3 代码生成器,带预览效果。

  6、CSS3 Menu

  非常不错的 CSS3 菜单制作工具。

  7、CSS3 Gradients

  一款非常棒的 CSS3 渐变效果演示工具。

  8、CSS3 Cheat Sheet

  一份不错的 CSS3 属性速查手册(PDF 格式)。

  9、CSS3 Selector Test

  非常不错的 CSS3 选择器测试工具

  10、CSS3 Transforms

  一款强大的 CSS3 旋转动画效果演示工具,即时生成代码。

  11、CSS3 Preview

  CSS3 特性介绍及效果预览。

  12、CSS3 Generator

  一款非常不错的 CSS3 代码生成工具。

  13、CSS3 Color Names

  CSS3 颜色命名对照表。

  14、Toggle CSS3 Bookmarklet

  CSS3 书签工具。

  15、CSS3 Border Radius

  一款在线 CSS3 圆角工具,四个角输入值就能生成对应的效果和代码。

  16、CSS3 Desk

  很炫的 CSS3 桌面。

  17、Web Browser CSS Support

  非常详尽的浏览器对 CSS 支持情况,包括 CSS2.1 和 CSS3。

  18、Key CSS

  让元素以键盘风格显示的样式表。

  19、CSS3 Playground

  一款在线 CSS3 圆角和阴影效果演示及代码生成工具。

  20、CSS3 Wrapping Drop Shadows

  CSS3 包装阴影效果。

  21、CSS3 Carve Me

  模仿内阴影效果,可输入内容查看效果,中文也可以噢。

  22、Mother Effing Text Shadows

  这工具名字太奇怪了,一款文本阴影效果工具,可即时生成代码。

  23、CSS3 Learning Tool

  在线 CSS3 学习工具,可即时预览效果。

  24、CSS3 Maker

  最后压轴的这款工具非常强大,可在线演示渐变、阴影、旋转、动画等非常多的效果,并生成对应效果的代码,赶紧体验一下吧!

  原文:Ultimate Collection of CSS3 Tools For Your Next Web Development

  本文译文来自梦想天空,为避免图片加载过慢影响网站速度,已经删除了原文中的图片。

本文出自微歌,转载时请注明出处及相应链接。

本文永久链接: http://wego2.com/24-kuan-fei-chang-shi-yong-de-CSS3-gong-ju-shou-cang.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部