}

      Pada contoh di atas, kita memberikan efek bayangan yang lebih kompleks dengan tiga lapisan bayangan. Setiap lapisan memiliki jarak dan kebluran yang berbeda untuk menciptakan efek yang menarik.

4. Mengatur Efek Lainnya

Selain properti dasar yang telah disebutkan, CSS juga menyediakan beberapa properti tambahan untuk mengatur

 efek box-shadow.

   a. inset: Properti "inset" digunakan untuk menciptakan efek bayangan di dalam elemen, bukan di sekelilingnya. Misalnya:

      .box {

        box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.4);

      }

   b. outline: Properti "outline" digunakan untuk memberikan efek bayangan pada garis luar elemen. Misalnya:

      .box {

        outline: 2px solid rgba(0, 0, 0, 0.4);

      }

   c. multiple shadows: Anda dapat menggunakan multiple box-shadow untuk memberikan efek bayangan yang lebih kompleks dengan kombinasi nilai yang berbeda. Misalnya: