Preview

Bayangan Kotak

Sesuaikan saya

Keluaran CSS

box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

Kontrol Bayangan

Position

0px
4px

Size

6px
-1px

Color

10%

Options

Presets

Bayangan Lembut

Bayangan Sedang

Bayangan Berat

Bayangan Dalam

Diagonal Tajam

Garis Besar Cahaya

Bayangan Ganda

Efek Terangkat

Cara Penggunaan

Kontrol Dasar

  • SesuaikanOffset Horisontaluntuk memindahkan bayangan ke kiri atau kanan
  • SesuaikanOffset Vertikaluntuk memindahkan bayangan ke atas atau ke bawah
  • TingkatkanRadius Buramuntuk membuat bayangan lebih lembut
  • Use Radius Penyebaranuntuk menambah atau mengurangi ukuran keseluruhan bayangan
  • UbahColor and Opacityuntuk menyesuaikan tampilan bayangan

Fitur Lanjutan

  • Enable Bayangan Sisipanuntuk membuat efek bayangan dalam
  • Use Beberapa Bayanganuntuk efek yang lebih kompleks
  • Simpan dan muatPresetsuntuk akses cepat ke bayangan favorit Anda
  • Click Bayangan Acakuntuk inspirasi
  • Salin kode CSS yang dihasilkan dan tempelkan ke proyek Anda

Related Tools