主要ブラウザでの互換性はどうですか？

CSS三角形生成の出力はChrome、Safari、Firefox、Edgeの最新版で動作します。古いブラウザ対応が必要な場合はCaniuse.comで各プロパティの対応状況を確認してください。

対応しているブラウザは？

Chrome、Safari、Firefox、Edgeなど主要モダンブラウザの最新版で動作確認しています。Internet Explorerや極端に古いバージョンは対象外です。

デザイン・CSS無料登録不要

CSS三角形生成

CSS borderテクニックで三角形を生成。方向・サイズ・色を調整してCSSコードを出力する無料オンラインツール。

幅 (px)

高さ (px)

色

width: 0;
height: 0;
border-left: 30px solid transparent;
width: 0;
height: 0;
border-right: 30px solid transparent;
width: 0;
height: 0;
border-bottom: 40px solid #3b82f6;

FAQ

よくある質問

はい。CSS三角形生成はレスポンシブ対応しており、iPhone・Android・タブレット・PCなど、モダンなブラウザを搭載した端末であればどこからでも利用できます。

こちらもおすすめ

CSSアニメーション生成

CSSアニメーションのキーフレームを視覚的に作成・プレビュー。イージング関数の選択、コードのコピーまでワンストップ。Web開発に便利な無料ツール。

CSSボタン生成

色・サイズ・角丸・影などを調整してCSSボタンを作成。コピペで使えるCSSを出力する無料オンラインツール。

CSS clip-path生成

CSS clip-pathをプリセットやカスタムで生成。円・楕円・多角形に対応。CSSコードをコピペで使える無料オンラインツール。

CSS段組み生成

CSSマルチカラムレイアウト(columns)をGUIで設定して生成。ブログや記事のレイアウトに便利な無料オンラインツール。

フォントペアリング

Google Fontsから見出し・本文のフォント組み合わせをプレビュー。デザインのフォント選びに便利な無料オンラインツール。

フォントサイズ変換

px・pt・em・rem・%のフォントサイズを相互変換。CSSのタイポグラフィ設定に便利な無料オンラインツール。

読み込み中...