首页 » Web技术 » HTML/CSS » 正文

[译]提高网页设计的视觉CSS3教程-字体效果、按钮样式、导航条

自从CSS3开始使用之后,WEB开发已经有了巨大的改善。WEB设计的可能性以及实现的快捷性有了明显的提升。

CSS3很难把握,但最终证明,当你在开发你的项目并且时间很紧迫的时候,它是非常有用的。当然,你可以通过很多种方法来学习,你可以去学习整个的课程,也可以根据你的需求来一步一步的学习,这种方法会让你节省很多的时间。

考虑到效率问题,我们为你列出了下面的一些教程。其中一些是视频教程,可以让你在视觉上看到如何通过CSS3的帮助来实现不同的功能。我们知道,阅读这个可能有些无聊,所以我们决定添加一些视角效果。互联网上的CSS3教程很多,但是这里列出的是一些提高WEB设计的视觉CSS3教程,你可以通过这些教程来提高你的至少并且节省很多时间。享受下面的阅读吧,一如既往的,我们欢迎您的意见。

CSS3字体风格

1. 3D CSS 字体

3D CSS 字体

2. CSS Deck

CSS Deck

3. 霓虹灯效果

霓虹灯效果

CSS3 按钮样式

4. 按钮进度条样式

按钮进度条样式

5. 带ICON的按钮样式

带ICON的按钮样式

6. 创建一个圆形进度条按钮

创建一个圆形进度条按钮

7. Making a SVG HTML Burger Button

增强视觉的CSS3教程

8. 创建时尚的CSS按钮

创建时尚的CSS按钮

9. Sweet Ass Buttons

Sweet Ass Buttons

10. CSS3 Hidden Social Buttons

CSS3 Hidden Social Buttons

11. 3D Flat Buttons

3D Flat Buttons

CSS3导航条及菜技术

12. 侧边栏购物车

侧边栏购物车

13. 创建屏幕菜单

创建屏幕菜单

14. CSS下拉菜单

CSS下拉菜单

15. Fluid menu with transparent icons

Fluid

16. 点导航样式

点导航样式

17. 响应式幻灯片切换菜单

响应式幻灯片切换菜单

18. Off Canvas Menus with CSS3 Transitions and Transforms

Off Canvas Menus with CSS3 Transitions and Transforms

19. 过度效果菜单

过度效果菜单

20. 垂直固定导航

垂直固定导航

21. 二级展开菜单

二级展开菜单

22. 关门效果按钮

关门效果按钮

23. Off Canvas Menu with Animated Links

24. 纯CSS对角菜单

纯CSS对角菜单

 

来源:dizyne.net

本文共 4 个回复

  • 猫客工作室 2014/08/08 14:54

    认真月读完了,感觉挺有意思的,说得好,支持一下,欢迎回访本博客!

  • 惜乐博客 2014/08/10 13:59

    感谢分享 很好看

  • World 2014/10/10 11:42

    这个不错 必须赞一个 :?: :razz:

  • 淡忘~浅思 2014/10/18 11:38

    不错的 谢谢分享

发表评论