REPOP WEBツール倉庫
ブラウザだけで完結する便利なWEBツール、WEBアプリが沢山あります
テキストデータの改行ごとにpタグで囲みます。ブログやHTMLコーディングの効率化に。
段落1
段落2
段落3
テーブルを半透明にするCSSジェネレーター
背景が透けて見える、スタイリッシュな半透明（透過）テーブルのCSSを生成します。文字色、背景色、透過度を自在に調整して、デザインにマッチするテーブルコードを作成できます。
サービスの流れデザインのCSSジェネレーター
サービスの手順やステップを分かりやすく見せるためのCSSジェネレーターです。PCではジグザグのフロー、スマホでは縦並びに自動で切り替わるレスポンシブデザインを生成します。
CSS FAQ アコーディオンデザインジェネレーター
JavaScript不要、CSSのみで動作する「よくある質問（FAQ）」用のアコーディオンUIを生成。配色や初期状態をカスタマイズでき、コードを出力します。
テキストからHTMLリストに変換
テキストデータを改行区切りで li タグに変換します。ul タグで囲むかどうかも選択可能です。
HTMLテーブル1行目をヘッダーセクションに変換
テーブルの1行目をthead要素、最後の行をtfoot要素に変換します。WordPressのヘッダーセクションに対応。ExcelやWebからコピーした表もOK。スタイル属性やタブ・改行の一括削除機能付き。
HTMLエスケープツール
HTMLの特殊文字（<, >, &, " 等）を実体参照に変換（エスケープ）、または元に戻す（アンエスケープ）ツールです。
HTMLタグ除去・抽出ツール
HTMLコードからタグを除去し、テキストデータのみを抽出します。実体参照のデコードや空白処理も可能です。
画像のフチぼかし（透過グラデーションマスク）のCSSジェネレーター
画像の端を透過グラデーションでぼかし、背景と滑らかに馴染ませるエフェクトを生成します。mask-imageを使用し、上下左右や円形など複数の方向にフェードアウト可能です。
文字の中に画像（マスクテキスト）のCSSジェネレーター
指定した画像を文字の形に切り抜き、インパクトのあるテキストエフェクトを生成します。グラフィカルな見出しやタイトルの作成に適しています。
フリッカー・ネオン（点滅ネオン）のCSSジェネレーター
不規則な点滅を繰り返す、リアリティのあるネオンサイン文字のエフェクトを生成します。多重シャドウによる発光と透明度の変化で、レトロな雰囲気を演出します。
虹色に輝く枠線（レインボー・ローテート）のCSSジェネレーター
枠線が虹色に変化しながら回転し続ける視覚効果を生成します。conic-gradientを活用し、画像不要で軽量な実装が可能です。
ぷかぷか浮遊（フローティング演出）のCSSジェネレーター
要素が空中を漂うような、浮遊アニメーションを生成するツールです。
ぼんやり光るオーラ（グロー・オーラ）のCSSジェネレーター
要素の背後に柔らかい発光エフェクトを追加し、呼吸するように明滅するアニメーションを付与するツールです。
文字の打ち込み演出（タイプライター）CSSジェネレーター
文字が1文字ずつタイピングされるようなアニメーション効果を生成するCSSジェネレーターです。
物理的に押し込むボタン（3Dプッシュボタン）のCSSジェネレーター
クリックした際に沈み込むような、厚みのある3Dボタンを生成します。奥行き、押し込み感、カラーを直感的に調整可能です。
鏡面反射（ミラーリフレクション）のCSSジェネレーター
画像やテキストに対して鏡面反射（リフレクション）エフェクトを適用するCSSを生成します。方向、距離、不透明度を調整可能です。
円を描く文字（円形テキスト）のCSSジェネレーター
入力したテキストを円形や半円に沿って配置。半径や回転角、文字の間隔を個別に調整して、円形状のタイポグラフィを作成できます。