今天六星云课堂给大家推荐6个超棒的web前端学习网站，让你学习不迷路！

1.Flebox froggy

网站地址：http://flexboxfroggy.com/

一个引导式的学习flex布局的游戏，用flex布局让青蛙跳到荷叶上就算完成，游戏里面几乎包含了所有常用的属性，这样学习起来很有趣，形象好记忆，谁要是flex不熟的话可以在这里多练一练。

2.EnjoyCss

网站地址：https://enjoycss.com/

在线版的CSS3代码生成工具，基于可视化操作，能快速无编码的环境下调整网页效果和图形样式。就像是在本地使用PS和AI软件一样。

3.Neumorphism

网站地址：https://neumorphism.io

可以轻松实现新拟态效果，不仅可以修改颜色或填写色值，也可以修改尺寸、半径、距离、强度、模糊效果以及形状等参数。同时提供css代码可以直接copy。

4.uiGradients

网站地址：https://uigradients.com

提供渐变色效果的站点，里面接近上百种渐变色配色方案，可根据自己的风格来选择搭配，能直接获得对应渐变色css代码。

5.JavaScript Fun

网站地址：https://www.javascript.fun/

一个集合当下最流行的JavaScript代码库，显示流行排行，开发者可以轻松的找到想要的最新的代码插件、工具和博客。

6.Share Icon

网站地址：https://www.shareicon.net/

提供超过25万中ICON矢量图片的站点，120多种分类，提供PNG、SVG等图片格式，非常适合前端设计师收藏备用。

以上就是本次分享的全部内容，想学习更多web技巧，欢迎持续关注六星云课堂！