分享三個CSS寶藏網站

寫在前面

Hello 你們好，今天跟你們分享三個CSS寶藏網站，這些網站不只能夠幫助你瞭解CSS的特性，還能夠被應用到實際的項目中，豐富網頁內容。

下面一塊兒來看看吧！

1.生成不規則的矩形

地址： 9elements.github.io/fancy-borde…

在CSS中咱們可使用 border-radius 屬性定義矩形四個角的弧度，可是一般咱們都是定義下面這種圓角：

其實咱們能夠調整 border-radius 的數據，獲得更多好看的不規則矩形。可是不少同窗不知道如何調節，這個網站能夠很方便的幫助到咱們，實例以下：

2. 生成不一樣的網頁分隔符

地址: wweb.dev/resources/c…

在製做網頁的時候，有的時候會須要添加一些頁面分割符讓網站更加具備設計性，這個網站提供了六中常見的分隔符，能夠幫你快速生成想要的效果。

同時網站提供了可配置參數，咱們能夠根據本身的須要進行細節調整，操做以下：

調整完成直接，能夠直接複製HTML+CSS到本身頁面，很是的便捷。

3. 生成不一樣的波浪線

地址：getwaves.io/

在製做一些頁面的時候，曲線的加入可使得網頁瞬間高大上起來，特別是在一些插畫或者做品展現的時候，添加波浪線更加有必要。

這個網站提供了三種類型的曲線，分別以下：

而且能夠根據須要進行調整大小，疏密度，透明度和顏色，能夠幫咱們很是便捷地獲取到想要的效果：

生成以後，能夠選擇複製SVG代碼或者直接將SVG下載到本地，而後直接進行使用。

寫在最後

以上就是分享的三個CSS網站，若是你有其餘的黑科技網站，歡迎一塊兒來討論。