三角形を作成してくれるオンラインツール「CSS三角形作成ツール」【CSS】

         

CSS

三角形を作成してくれるオンラインツール「CSS三角形作成ツール」【CSS】

2020年10月28日 8:00 

三角形を作成してくれるオンラインツール「CSS三角形作成ツール」【CSS】

こんにちは、hgmです。

今回はいつも私が制作で使用していてお世話になっている「CSS三角形作成ツール」をご紹介します。

ボタンや矢印など、デザインで度々使われている三角形を簡単に作成でき、コピペできます。
ブックマークして、作業効率を良くしましょう!



使用方法

まずは「CSS三角形作成ツール」サイトにアクセスします。

①方向、②タイプ、③サイズ(px)、④カラーコードを選択・入力すると
の箇所に反映されるので、コピーしペーストするだけ!

画面右上にシミュレーションされるので、どのように表示されるか確認ができます。

すごく簡単ですね✨

 

デモ

See the Pen LYZWdmL by Sara Higuma (@higuma) on CodePen.dark

 

See the Pen xxOqWMd by Sara Higuma (@higuma) on CodePen.dark

 

関連記事

この記事を書いた人

アバター

hgm

農業高校出身フロントエンドエンジニアの社員hgmです。 猫センサー搭載済みの愛猫家。 広い視野を持って日々邁進していきます!