ブログタグ・バッジジェネレーター

カテゴリ表示用のタグUIをホバーエフェクトと共に作成し、CSSコードを出力

拡大ズームや色反転、グロウシャドウなどのホバーアニメーション付きブログバッジCSSビルダーです。

도구를 불러오는 중…

🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。

使い方

  1. バッジの文字とクラス名を入力します。
  2. パディング、色、ボーダー、角丸を設定します。
  3. ホバーエフェクトを選択し、完成したHTML/CSSコードをコピーします。

よくある質問

コードはどこに適用すればいいですか?
CSSはブログのスタイルシート(style.css等)の末尾に、HTMLはタグを表示したい箇所に挿入してください。
複数のタグをそれぞれ違う色で一度に作れますか?
一度に作れるのは基本スタイル1つですが、色だけ変えて複数回生成し、クラス名をそれぞれ別に指定すれば、カテゴリごとに色の違うタグを複数まとめて用意できます。
複数のタグをそれぞれ違う色で一度に作れますか?
一度に作れるのは基本スタイル1つですが、色だけ変えて複数回生成し、クラス名をそれぞれ別に指定すれば、カテゴリごとに色の違うタグを複数まとめて用意できます。

← すべてのツールを見る

料金を見る無料相談