← Semua alat teks

Generator glassmorphism

Buat kartu efek kaca buram dengan pratinjau langsung dan salin CSS-nya.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Generator glassmorphism

Bangun tampilan kaca buram yang populer di antarmuka modern. Slider mengatur blur latar belakang, transparansi, border, dan bayangan pada pratinjau langsung, dan alat ini menghasilkan CSS dengan backdrop-filter. Efeknya hanya terlihat ketika ada sesuatu yang berwarna di belakang kartu, jadi uji di atas gradien atau foto.

Cara menggunakan Generator glassmorphism

  1. Geser slider blur, transparansi, dan batas untuk membentuk kartu kaca.
  2. Pilih latar belakang dan warna kartu agar Anda dapat menilai tampilan frosted di pratinjau.
  3. Salin CSS yang dibuat dan tempel ke stylesheet Anda.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Mengapa blur backdrop-filter saya tidak muncul?

Elemen membutuhkan latar belakang semi-transparan, dan harus ada sesuatu di belakangnya untuk diburamkan. Beberapa browser lama memerlukan awalan -webkit-backdrop-filter, yang disertakan generator ini dalam CSS-nya.

Latar belakang apa yang paling cocok untuk efek kaca?

Kaca memerlukan sesuatu di belakangnya untuk diburamkan, seperti gradasi berwarna atau foto. Pada warna datar polos efeknya nyaris tidak terlihat, jadi uji kartu Anda di atas latar belakang sebenarnya.

Berapa transparansi yang sebaiknya dimiliki kartu kaca?

Isian putih atau gelap dengan opasitas rendah, sering sekitar 10 sampai 30 persen, menjaga kesan frosted. Naikkan jika teks sulit dibaca di atas latar yang ramai.

Apakah Generator glassmorphism gratis?

Ya. Generator glassmorphism di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh Generator glassmorphism di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait