html - 有哪些好的css demo的网站？

Question

想学习一些优秀的，花里胡哨的css效果。有哪些比较优秀的css案例分享的网站吗？

Answer 1

这就不得不提这位大佬了:

https://segmentfault.com/u/xboxyan

Answer 2

https://csscoco.com/inspiration/#/

Answer 3

个人觉得最好的 ： https://codepen.io/

Answer 4

优秀的CSSdemo网站有很多，以下是一些值得推荐的网站：

1. CSSDESIGNBUCKS.COM
   CSS Design Bucks是一个集教、娱乐和资源于一身的全新的 CSS 设计网站。该网站有大量的 CSS 动画、教程、灵感、gif 动画、小工具等。
2. CSSTRICKS.COM
   CSS Tricks 是一个由 Lea Verou 和一群非常优秀的 web 开发者维护的博客。该网站有很多关于 CSS 的文章，包括一些最新、最酷的 CSS 技巧和灵感。
3. ALISTAPRO.NET
   A List Apart 是一个关注网页设计和开发的在线杂志，他们有很多关于 CSS 的高质量文章。
4. CSS-TRICKS.COM
   CSS-Tricks 是一个由Chris Coyer和Lea Verou等人创建并维护的在线资源网站，该网站有大量的教程、提示、技巧和最佳实践，以及一些高质量的CSS相关的文章。
5. TUTS+ PTE. LTD.
   Tuts+是面向设计师和开发者的在线教育平台，他们的CSS教程和案例非常不错。
6. LEVELUPTUTS.COM
   Level Up Tuts 是一个专注各种技术教程的网站，包括一些很不错的CSS相关的教程。
7. MENUMANIA.PL
   Menu Mania 是收集了一些最好的 CSS 动画和菜单设计的网站，它是一个波兰语博客，但是他们的很多教程都有英文版本。
8. CSSMENU.IO
   CSSMenu.io 是一个专门为餐厅设计的网站，他们的菜单设计非常有创意，可以给你带来很多灵感。
9. PEXELLS.COM
   Pexels 是一个提供免费高质量的图片和视频的网站，同时他们也有一些关于CSS的教程和文章。
10. ELEANOR的自频道-YouTube她和丈夫一起运营一个YouTube频道，分享有关CSS和网页设计的教程，以及一些设计技巧和灵感。
11. DESIGNM.IN 和 DESIGNM.IO这两个网站有很多很棒的CSS设计作品展示，你可以从他们的作品中获得很多灵感。
12. CSSILIOSSHOW.COM这是一个法国的CSS博客，但是他们的很多教程都有英文版本。他们分享了很多CSS的创意和设计技巧。
13. CSSGRIDS.COM 和 CSS GRID流向图-官方文档 这可能是最好的CSS布局系统官方文档，它有很多关于CSS Grid布局的详细教程和最佳实践。
14. SCROLLMAGIC.ORG ScrollMagic是一个提供各种滚动动画效果的库，他们的官方网站有很多很不错的教程和示例。
15. ANIMATEDWEBDESIGN.NET Animated Web Design是一个集合了各种CSS动画和交互设计的网站，他们的教程非常不错。
16. CSSANDBEAUTY.COM CSS and Beauty是一个由一位法国设计师创建并维护的博客，该博客有很多关于CSS最佳实践、性能优化等方面的文章。
17. WORLD Wide Web Consortium (W3C) The W3C (World Wide Web Consortium) 是制定Web标准的组织，他们的网站有很多关于CSS的标准和最佳实践的文章。