Penjana CSS Bayangan Kotak

Mencipta dan pratonton sifat box-shadow CSS secara visual.

Tetapan Bayangan
Laraskan peluncur untuk menyesuaikan kesan bayangan

Bayangan 1

Pratetap
Cuba gaya bayangan yang telah ditetapkan
Pratonton
Lihat kesan bayangan yang dihasilkan
Preview
CSS Dijana
box-shadow: 0px 4px 6px 0px #00000040;
Rujukan Sifat Bayangan Kotak

Penerangan Sifat

  • Ofset X: Kedudukan mendatar bayangan (positif: kanan, negatif: kiri)
  • Ofset Y: Kedudukan menegak bayangan (positif: bawah, negatif: atas)
  • Kabur: Jejari kabur bayangan (0: tajam, nilai lebih besar lebih kabur)
  • Sebaran: Saiz bayangan (positif: kembang, negatif: kecut)
  • Warna: Warna bayangan (HEX, RGB, RGBA, dll.)
  • Dalam: Sama ada bayangan adalah bayangan dalam
    Penjana CSS Bayangan Kotak | toolsmoah