今天六星云課堂給大家推薦6個(gè)超棒的web前端學(xué)習(xí)網(wǎng)站，讓你學(xué)習(xí)不迷路！

1.Flebox froggy

網(wǎng)站地址：http://flexboxfroggy.com/

一個(gè)引導(dǎo)式的學(xué)習(xí)flex布局的游戲，用flex布局讓青蛙跳到荷葉上就算完成，游戲里面幾乎包含了所有常用的屬性，這樣學(xué)習(xí)起來(lái)很有趣，形象好記憶，誰(shuí)要是flex不熟的話可以在這里多練一練。

2.EnjoyCss

網(wǎng)站地址：https://enjoycss.com/

在線版的CSS3代碼生成工具，基于可視化操作，能快速無(wú)編碼的環(huán)境下調(diào)整網(wǎng)頁(yè)效果和圖形樣式。就像是在本地使用PS和AI軟件一樣。

3.Neumorphism

網(wǎng)站地址：https://neumorphism.io

可以輕松實(shí)現(xiàn)新擬態(tài)效果，不僅可以修改顏色或填寫色值，也可以修改尺寸、半徑、距離、強(qiáng)度、模糊效果以及形狀等參數(shù)。同時(shí)提供css代碼可以直接copy。

4.uiGradients

網(wǎng)站地址：https://uigradients.com

提供漸變色效果的站點(diǎn)，里面接近上百種漸變色配色方案，可根據(jù)自己的風(fēng)格來(lái)選擇搭配，能直接獲得對(duì)應(yīng)漸變色css代碼。

5.JavaScript Fun

網(wǎng)站地址：https://www.javascript.fun/

一個(gè)集合當(dāng)下最流行的JavaScript代碼庫(kù)，顯示流行排行，開發(fā)者可以輕松的找到想要的最新的代碼插件、工具和博客。

6.Share Icon

網(wǎng)站地址：https://www.shareicon.net/

提供超過(guò)25萬(wàn)中ICON矢量圖片的站點(diǎn)，120多種分類，提供PNG、SVG等圖片格式，非常適合前端設(shè)計(jì)師收藏備用。

以上就是本次分享的全部?jī)?nèi)容，想學(xué)習(xí)更多web技巧，歡迎持續(xù)關(guān)注六星云課堂！