みなさんこんにちは！おさかなです！
今回は「CSS三角形作成ツール」について、書いていこうと思います！
それでは、レッツゴー！！！！！
「CSS三角形作成ツール」とは？
「CSS三角形作成ツール」とは、マウス操作（GUI）で値を入力すると、三角形の「CSSコード」が生成されるツールのことです。実際にデザインを確認しながらコーディングしたいときや、作業時間を短縮したいときにおすすめ。
直感的に操作できるため、プログラムの知識がない方でも、サクッと三角形を表示できます！(便利〜)
http://apps.eky.hk/css-triangle-generator/ja
https://osakanav.com/frontend30
実際に使ってみよう！
それでは早速サイトにアクセスしましょう！
左側のメニューから、三角形の値を指定できます。(ふむふむ…。)
入力した値は、右側に「プレビュー表示」されます。
項目は「方向・タイプ・サイズ・色」の4つ。
(わくわく…🍀)
三角形をカスタマイズしよう！
まずは三角形の「方向・タイプ」を決めます！(よし！)
続いて「サイズ」を数字で入力。(大きくて、枠内からはみ出てしまった。笑)
仕方ない……widthを10pxにしておくか。(極端！)
「色」はマウス操作のほかに、RGB、16進数なども使えます！
白にしてみると、なんだか切り抜いたみたいに。
CSSコードをコピーしよう！
三角形の形が決まったら「CSSコード」を確認します。(おー🚩)
ちなみに「Ctrl」＋「A」を押すと全選択、「Ctrl」＋「C」を押すとコピーできます。
https://osakanav.com/underline-generator
みなさんもぜひ、マウス操作で三角形をつくってみてください〜△
(お疲れさまです🍵)
↓実際に作成したものがこちら
三角形おばけ！おさかな！
円形ナビまる！
これで全ての操作は完了です。(やった～！)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました！
https://osakanav.com/wordpress-line
