HeronTool
日本語▾
ログイン
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
ホーム › 開発ツール ›

Create beautiful glassmorphism CSS styles with customizable blur, opacity, and colors.

dev

使い方

  1. Set your desired background color
  2. Adjust blur and opacity
  3. Copy the generated CSS

使用例

Create beautiful glassmorphism CSS styles with customizable blur, opacity, and colors

アップロードは一切ありません — すべてブラウザ内でローカル処理されます。

コメント / 報告 / 注釈

先にログインしてください — ログイン

先にログインしてください — ログイン

先にログインしてください — ログイン

関連ツール
JSON整形 JSON を整形・圧縮・検証し、エラー箇所を特定します。 整形 正規表現テスター 正規表現をリアルタイムでテストし、マッチ箇所をハイライト表示します。 正規表現 コードハイライト コードを貼り付けるとワンクリックで色付き HTML にハイライトします。 コード HTMLエンコード HTML エンティティをエンコード／デコードして特殊文字をエスケープします。 エンコード URLエンコード/デコード URL をエンコード／デコード。中国語や特殊文字にも対応します。 エンコード Base64エンコード/デコード テキストを Base64 でエンコード／デコードします。 エンコード 色変換 色を HEX / RGB / HSL 間で変換します。 色 JSONバリデーター JSON の妥当性をチェックし、エラーを特定します。 検証