opacity
Properti CSS opacity digunakan untuk mengontrol tingkat transparansi suatu elemen.
Dengan menggunakan properti ini, kamu bisa mengatur elemen agar sepenuhnya transparan, buram (default), atau tembus.
Untuk menentukan tingkat transparansi elemen, diperlukan nilai angka berkisar antara 0 dan 1.
Nilai 1 merupakan nilai default yang membuat elemen tersebut sepenuhnya buram.
Sedangkan nilai 0 membuat elemen sepenuhnya menjadi transparan sehingga kamu tidak dapat melihatnya lagi.
Nilai antara 0 dan 1 membuatnya tembus (semi-transparan).
Semakin rendah nilainya dari 1 menjadi 0, elemen akan semakin transparan dan kamu dapat melihat latar belakang atau elemen yang ada di belakang/dibawahnya.
Properti opacity menerapkan opacity yang ditentukan ke elemen secara keseluruhan, termasuk kontennya, daripada
menerapkannya ke setiap keturunan secara individual.
CSS Syntax
opacity: number | initial | inherit;
JavaScript Syntax
object.style.opacity="0.5"
| Default value: | 1 |
|---|---|
| Inherited: | tidak |
| Animatable: | ya Read about animatable |
| Version: | CSS3 |
Attribute Value
default
opacity: 1;
opacity: 0;
opacity: 0.25;