24款实用的CSS3工具

知更鸟
1480
文章
6919
评论
2015年2月20日18:11:51 4 1.8K 1151字阅读3分50秒

对于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

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

继续阅读
weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
最佳 CSS 框架 Web前端

最佳 CSS 框架

在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准...
jQuery幻灯片插件:OWL Carousel Web前端

jQuery幻灯片插件:OWL Carousel

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有以下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式...
js实时获取浏览器窗口大小 Web前端

js实时获取浏览器窗口大小

js实时获取浏览器窗口大小,我们可以使用addEventListener()方法来实现。该addEventListener()方法可以注册事件处理程序以侦听浏览器窗口resize事件,例如window...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:4   其中:访客  4   博主  0
    • 手机流量营销平台2491 手机流量营销平台2491 @回复 2

      近期在学HTML5,快要学到CSS了,感谢~

      • Win7en乐园 Win7en乐园 @回复 7

        我现在只会些基本的,鸟哥,你还在吗?怎么不回我啊

        • Win7en乐园 Win7en乐园 @回复 7

          第二个我现在一直在看,在学习,感觉很不错

          • Win7en乐园 Win7en乐园 @回复 7

            我的评论等级什么时候才能升级到5级啊