快好知 kuaihz

20个实用便捷的CSS3工具、库及实例(下)

接上文:20个实用便捷的CSS3工具、库及实例(上)

11. 彩色CSS3动画导航

在我们早期的教程中,我们向你展示了如何创建一个使用动画下拉菜单的多彩导航菜单。没有使用特殊的图像和JavaScript,完全由CSS组成。

12. 了解CSS滤镜效果

如果你对CSS新提供的滤镜,我们推荐你读一下这篇教程。它列举了一些很好的例子,另外还有很多关于浏览器支持及性能问题的信息。

13. CSS形状101

这是我看过的关于CSS的最好的文章。它提出了CSS3形状的概念,并展示了大量有用的例子。干的太好了!

14. 风格化CSS3进度条

在这个教程里,作者阐述了如何不使用复杂的脚本创建一个简单的进度条。他们使用各种CSS 3技术来给进度条添加渐变、条纹、光泽和发光效果。最终效果看起来非常不错而且易于应用。

最后,但不代表不重要的CSS库,最近也开始显山露水。

15. Animate.css

它能在 github.com 上非常受欢迎是有原因的!它完全基于CSS因此可以提高任何应用的性能。

16. Spinkit

Spinkit是一系列易于定制的加载指示器,满足日常需求。

17. Buttons

就是如同它标题所说,没别的,就是一系列按钮。

18. On/Off FlipSwitch

一个超赞的小工具,供你定制不同状态的按钮,并直接导出CSS。另外还有切换主流操作系统风格的功能A。

19. Hint.css

不需要任何JavaScript的CSS库,用于提示标签。

20. Colors.css

Colors.css是为那些痛恨十六进制代码的人准备的。它提供了一系列不错的颜色选择。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:便捷  便捷词条  实例  实例词条  实用  实用词条  工具  工具词条  CSS3  CSS3词条  
交互

 对微信的重新设计

微信作为一个用户量极大的”超级 App”, 其 Android 客户端一直沿用 iOS UI, 在 Android 4.X 时代, 国外各大互联网厂商...(展开)

交互

 UX设计:一个金融数据可视化案例

在UX设计中有一种设计叫信息设计,就是如何让查看信息的人一目了然,金融数据往往会面临这样可视化的问题,让用户看到一张简单易懂的图的背后,是信息的逻辑。小试牛刀,...(展开)