CSS 矢印ジェネレーター
ステップ 1 / 2
ブラウザ内でシンプルな CSS 矢印を作成します。右、左、上、下と、色、正方形のサイズ、枠線の太さを選び、生成された .arrow ルールをコピーします。
CSS 矢印を作る
-
1
方向を選ぶ
右、左、上、下から選択します。
-
2
見た目を設定する
色、サイズ、太さをピクセルで設定します。
-
3
CSS をコピーする
プレビューを確認してルールをコピーします。
このジェネレーターは、display: inline-block、同じ幅と高さ、右と下の枠線、四方向用の回転を持つ正方形の .arrow 要素を 1 つ作ります。
枠線三角形、clip-path、SVG、グラデーション、斜め矢印、ツールチップのしっぽは作りません。HTML、レイアウト検証、互換性の案内も提供しません。コピーしたルールは自分のページでテストしてください。
関連ツール
ASCII表リファレンス
0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。
HTML文字参照
HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。
キーボードショートカット一覧
macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。
HTML フォーマッター
ブラウザ内で HTML を 2 または 4 スペースで整形します。HTML はアップロードも検証もされません。
カラーパレットジェネレーター
基準のHEXカラーから、モノクロマティック、類似色、補色、トライアド、テトラードのパレットを生成し、コピーしやすいCSS変数として書き出します。
バイナリからASCIIへの変換ツール
バイナリ（スペース区切りのバイト、または長いビット列）を貼り付けると、それが表すASCIIテキストを8ビットずつ復号して取得できます。