Skip to content
Çevrimiçi araç
FREE ONLINE TOOL · DEVELOPER TOOLS

CSS Glassmorphism Generator

CSS Glassmorphism Generator aracını hesap açmadan kullanın. Girdileri ve sonucu kontrol edin. intro

WORKSPACESTEP 1 · CHOOSE YOUR INPUT   →   STEP 2 · CONFIGURE   →   STEP 3 · EXPORT
Interactive toolReview processing details below
Loading your workspace…

Nasıl kullanılır CSS Glassmorphism Generator

Bir dosya seçin veya verilerinizi girin.

  1. Mevcut seçenekleri ayarlayın.
  2. Aracı çalıştırın ve kaydetmeden önce sonucu kontrol edin.
  3. Önemli kontroller

Orijinal dosyayı saklayın ve sonucu doğrulayın. Özellikler tarayıcıya bağlıdır.

Araca özel özgün yönergeler (İngilizce)

Gezinme ve kılavuz çevrilmiştir; bazı kontroller ve özel yönergeler hâlâ İngilizcedir.
  1. Choose opacity, blur, border and roundness.
  2. Run the tool and inspect the generated result or preview.
  3. Copy or download the result, then verify it before publishing.

Backdrop-filter support and contrast vary between browsers.

Related tools