你是不是還在手寫(xiě)按鈕、文本字體等簡(jiǎn)單樣式？這些工具就可以幫你解決以上種種難題，從此下班你將快人一步，趕快用起來(lái)吧！
01 css Button Generator
地址：
https://cssbuttongenerator.com/
推薦：★★★★★
簡(jiǎn)介：CSS Button Generator是一個(gè)免費(fèi)的在線工具，可讓您創(chuàng)建跨瀏覽器的 html 和CSS 按鈕樣式，您不必學(xué)習(xí)任何復(fù)雜的CSS規(guī)則。只需單擊并滑動(dòng)即可制作CSS 3按鈕。很多漂亮的按鈕樣本。
02 花式邊界半徑
地址：
https://9elements.github.io/fancy-border-radius/
推薦：★★★★★
簡(jiǎn)介：通過(guò)拖拽的形式生成需要的border-radius！
03 平滑陰影
地址：https://shadows.brumm.af/
推薦：★★★★★
簡(jiǎn)介：可以生成多個(gè)分層陰影，提供非常酷的效果，你也可以自定義顏色。
04 陰影生成器
地址：https://neumorphism.io/
推薦：★★★★★
簡(jiǎn)介：此網(wǎng)站通過(guò) 選擇顏色：或大小：半徑：距離：強(qiáng)度：模糊：形狀：復(fù)制邊框半徑：50px;背景，生成非常nice的陰影，讓你的界面更加的美觀自然。
05 css在線工具
地址：https://tool.lu/css/
推薦：★★★★
簡(jiǎn)介：美化：格式化代碼，使之容易閱讀。凈化：將代碼單行化，并去除注釋。整理：按照一定的順序，重新排列css的屬性。優(yōu)化：將css的長(zhǎng)屬性值優(yōu)化為簡(jiǎn)寫(xiě)的形式。壓縮：將代碼最小化，加快加載速度！
06 cssgradient
地址：https://cssgradient.io/
推薦：★★★★
簡(jiǎn)介：CSS Gradient 是一個(gè)快樂(lè)的小網(wǎng)站和免費(fèi)工具，可讓您為網(wǎng)站創(chuàng)建漸變背景。
07 css網(wǎng)格生成器
地址：
https://cssgrid-generator.NETlify.App/
推薦：★★★★★
簡(jiǎn)介：您可以設(shè)置行和列的數(shù)字還有單位，我將為您生成一個(gè) CSS Grid 網(wǎng)格布局！在方框中拖動(dòng)來(lái)創(chuàng)建 div 放置在網(wǎng)格內(nèi)。
08 過(guò)渡動(dòng)畫(huà)
地址：
https://www.transition.style/
推薦：★★★★
簡(jiǎn)介：各種各樣的css動(dòng)畫(huà)合集！
09 加載動(dòng)畫(huà)
地址：https://loading.io/
推薦：★★★★★
簡(jiǎn)介：在這里你可以生成多個(gè)加載動(dòng)畫(huà)并將其下載為SVG、GIF、PNG和其他格式，但它最棒的特點(diǎn)是你可以將這些動(dòng)畫(huà)自定義到一個(gè)新的水平。值得嘗試。
10 波浪生成器
地址：https://getwaves.io/
推薦：★★★★★
簡(jiǎn)介：通過(guò)一些自定義生成簡(jiǎn)單的波紋。
11 我可以用這個(gè)css嗎？
地址：https://caniuse.com/?search=clip-path
推薦：★★★★★
簡(jiǎn)介：不要問(wèn)我，得問(wèn)它！css瀏覽器兼容性查詢工具
12 零代碼工具箱
地址：
https://www.lingdaima.com/
推薦：★★★★★
簡(jiǎn)介：各種前端實(shí)用的好工具，杜絕造輪子，每款工具都經(jīng)過(guò)精心打磨，幫助所有程序員提高前端開(kāi)發(fā)效率！
13 css技巧
地址：
https://lhammer.cn/You-need-to-know-css/
推薦：★★★★★
簡(jiǎn)介：css小技巧合集，一直在更新！
