作業効率化！CSSなどの便利ツール５選

2024年6月20日

css/scss html

クリップパスメーカー

背景を、ななめにしたいな〜って時などに使える超簡単なCSSプロパティ。
clip-path（クリップパス）！
要素を好きな形に切り取って表示することができる。
背景画像もツールの中で設定することができるし、控えめに言って神。

ぽよよ～んとかわいい流動シェイプが一発でできるツール。
お気に入りの形になるまでボタンをクリックしてると、癖になってずっとクリックし続けちゃう。

たくさんの色を使ったグラデーションがすぐできる。
色を配置したいところをクリックで選べるのもすごい！

ふんわりニューモフィズムがすぐに作れる。
このツールの下にリンクされている、ボタンとかフォームとかがコピペできるのも地味にうれしい。

URLを入力して生成すると、QRコードの形状や、色、ファイル形式などが自由に選べる。
非常～に愛用させていただいております。

最近はいろいろなツールが本当に便利で、頼りすぎて
もうそろそろ自分でCSSが書けなくなるかなって思ってる。