ギザギザのボーダーをCSSで作れるサイト「CSS Jagged Border Generator」

2017/06/29

こんにちは。
今回はギザギザのボーダーをCSSで作れるサイト「CSS Jagged Border Generator」です。

ギザギザのボーダーをCSSで生成してくれるジャネレーターを紹介します。

ギザギザのボーダーをCSSで作れるサイト「CSS Jagged Border Generator」!

CSS Jagged Border Generator

css-jagged-border-generator

https://codepen.io/jshawl/full/JcpKg

 

「CSS Jagged Border Generator」の使い方

css-jagged-border-generator2

使い方は簡単で、Top Color、Bottom Color、Sizeを指定するだけです。
指定すると下部に3行のコードが生成されますよ。

 

そろそろ会社辞めようかなと思っている人に、一人でも食べていける知識をシェアしようじゃないか
そろそろ会社辞めようかなと思っている人に、一人でも食べていける知識をシェアしようじゃないか

 

いかがでしたか。画像でなくCSSだけで出来るので便利ですね。
以上でギザギザのボーダーをCSSで作れるサイト「CSS Jagged Border Generator」でした。

topへ戻る