【無料】マウス操作で、CSSの三角形が作れるジェネレーター・ツール

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「CSS三角形作成ツール」について、書いていこうと思います!

それでは、レッツゴー!!!!!

「CSS三角形作成ツール」とは?

CSS三角形作成ツール」とは、マウス操作(GUI)で値を入力すると、三角形の「CSSコード」が生成されるツールのことです。実際にデザインを確認しながらコーディングしたいときや、作業時間を短縮したいときにおすすめ。

直感的に操作できるため、プログラムの知識がない方でも、サクッと三角形を表示できます!(便利〜)

403 Forbidden
【Web系エンジニア注目】CSSセレクタ・チートシートとは?
みなさんこんにちは!おさかなです!今回は「CSS SELECTORS CHEATSHEET」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・CSSセレクタのチートシートを探している方・CS...

実際に使ってみよう!

それでは早速サイトにアクセスしましょう!

左側のメニューから、三角形の値を指定できます。(ふむふむ…。)

入力した値は、右側に「プレビュー表示」されます。

項目は「方向・タイプ・サイズ・色」の4つ。

(わくわく…🍀)

三角形をカスタマイズしよう!

まずは三角形の「方向・タイプ」を決めます!(よし!)

続いて「サイズ」を数字で入力。(大きくて、枠内からはみ出てしまった。笑)

仕方ない……widthを10pxにしておくか。(極端!)

」はマウス操作のほかに、RGB、16進数なども使えます!

にしてみると、なんだか切り抜いたみたいに。

CSSコードをコピーしよう!

三角形の形が決まったら「CSSコード」を確認します。(おー🚩)

ちなみに「Ctrl」+「A」を押すと全選択、「Ctrl」+「C」を押すとコピーできます。

【マウス操作のみ】マーカー下線、CSSコードが生成できちゃうツール
みなさんこんにちは!おさかなです!今回は「Underline Generator」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・「マーカー下線」デザインの、CSSコード作りたい方・デザイ...

みなさんもぜひ、マウス操作で三角形をつくってみてください〜△
(お疲れさまです🍵)

↓実際に作成したものがこちら

おさかな
おさかな

三角形おばけ!おさかな!

ナビまる
ナビまる

円形ナビまる!

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

WordPressにて、文字を「枠線」で囲む方法!【ブロックエディタ対応】
みなさんこんにちは!おさかなです!今回は「【WordPress】にて、文字・テキストを「枠線」で囲む方法」について、書いていこうと思います!それでは、レッツゴー!!!!!今回つくるものこんな感じで、Word...
おさかな

文章が書けちゃう、新種のおさかなです。

元不登校。紆余曲折あり、現在はライターとして活動中。IT技術、サブカルチャーから、シナリオまで色々書きます。
SAOのユウキが好きです!

おさかなをフォローする
タイトルとURLをコピーしました