ブログタグ・バッジジェネレーター
カテゴリ表示用のタグUIをホバーエフェクトと共に作成し、CSSコードを出力
拡大ズームや色反転、グロウシャドウなどのホバーアニメーション付きブログバッジCSSビルダーです。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- バッジの文字とクラス名を入力します。
- パディング、色、ボーダー、角丸を設定します。
- ホバーエフェクトを選択し、完成したHTML/CSSコードをコピーします。
よくある質問
- コードはどこに適用すればいいですか?
- CSSはブログのスタイルシート(style.css等)の末尾に、HTMLはタグを表示したい箇所に挿入してください。
- 複数のタグをそれぞれ違う色で一度に作れますか?
- 一度に作れるのは基本スタイル1つですが、色だけ変えて複数回生成し、クラス名をそれぞれ別に指定すれば、カテゴリごとに色の違うタグを複数まとめて用意できます。
- 複数のタグをそれぞれ違う色で一度に作れますか?
- 一度に作れるのは基本スタイル1つですが、色だけ変えて複数回生成し、クラス名をそれぞれ別に指定すれば、カテゴリごとに色の違うタグを複数まとめて用意できます。
