コピペするだけ!美しいシャドウや複雑な図形を簡単に作成できるオンラインツール3選

@ハクト 2022-09-15 12:24:55に投稿

WEB制作に役立つ便利なオンラインツールを3つ紹介します。

複雑なCSSを書かずに画面からお気に入りのサンプルを選んでコピペするだけで美しいシャドウや様々な図形が実装できます。

CSS box-shadow examples

93個の美しいボックスシャドウをコピペできるツール。
一覧からお気に入りのシャドウを選択するだけ!

CSS Section Separator Generator

WEBページのセクション間をオシャレに区切れるジェネレーター
サンプルをクリックすると幅などを調整できます。

CSS clip-path maker

様々な形のクリップパスを選択するだけでCSSコードが生成されます。
ドラッグして自由に形を調整可能!

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter