Toolipedia Sematkan
ID
← Semua alat teks

Pembuat skala bayangan

Buat satu set box shadow serasi (level elevasi) sebagai variabel CSS.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Pembuat skala bayangan

Sistem desain memakai sekumpulan level elevasi, bukan bayangan acak. Alat ini membuat nilai box-shadow yang serasi dari kecil hingga besar dengan sudut, pertumbuhan blur, dan opasitas yang konsisten, dan mengeluarkannya sebagai properti kustom CSS seperti --shadow-sm dan --shadow-lg agar kartu, menu, dan modal tetap koheren.

Cara menggunakan Pembuat skala bayangan

  1. Pilih warna bayangan, kekuatan dasar, dan jumlah tingkat.
  2. Pratinjau tingkat elevasi pada kartu contoh.
  3. Salin variabel CSS ke stylesheet Anda.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Mengapa memakai bayangan berlapis alih-alih satu?

Beberapa bayangan lembut yang ditumpuk dengan blur yang membesar tampak lebih alami daripada satu bayangan tebal, karena cahaya nyata menghasilkan bayangan kontak yang rapat dan bayangan ambien yang lebar.

Berapa banyak tingkat bayangan yang saya perlukan?

Sebagian besar antarmuka berfungsi baik dengan empat sampai enam tingkat, dari kecil untuk tombol sampai besar untuk dialog. Lebih dari itu sulit dibedakan orang.

Warna apa yang sebaiknya dimiliki bayangan?

Rona gelap semi-transparan dari warna latar belakang Anda terlihat lebih alami daripada hitam murni. Pada tema gelap, bayangan kurang terlihat, jadi coba kekuatan sedikit lebih besar.

Apakah Pembuat skala bayangan gratis?

Ya. Pembuat skala bayangan 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 Pembuat skala bayangan 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