Bagaimanakah Ketelusan Mempengaruhi Warna Akhir dalam Kotak Separuh Lutsinar Bertindih?

Kesan Ketelusan pada Warna dalam Kotak Separuh Lutsinar Bertindan

Apabila berbilang lapisan separa lutsinar bertindih, warnanya bergabung untuk mencipta warna baharu . Warna yang terhasil boleh berbeza-beza bergantung pada susunan lapisan disusun. Ini kerana kelegapan lapisan atas mempengaruhi warna lapisan bawah.

Sebagai contoh, kotak merah separa lutsinar yang disusun di atas kotak biru separa lutsinar akan menghasilkan warna yang berbeza berbanding dengan kotak biru separa lutsinar disusun di atas kotak merah separa lutsinar. Dalam kes pertama, kotak merah menyekat 50% cahaya, membenarkan hanya 50% warna biru terpapar. Ini menghasilkan warna yang lebih ungu. Dalam kes kedua, kotak biru menyekat 50% cahaya, mendedahkan hanya 25% daripada warna merah. Ini menghasilkan rona ungu yang lebih cerah.

Untuk mengekalkan konsistensi warna tanpa mengira susunan susunan, pastikan setiap lapisan menyumbang bahagian warna yang sama. Berikut ialah pelarasan kepada CSS yang disediakan dalam soalan:

.a {
  background-color: rgba(255, 0, 0, 0.333);
}

.b {
  background-color: rgba(0, 0, 255, 0.333);
}

.a > .b {
  background-color: rgba(0, 0, 255, 0.25);
}

.b > .a {
  background-color: rgba(255, 0, 0, 0.25);
}

Dalam contoh yang disemak ini, kelegapan lapisan atas (0.25) ialah 75% daripada kelegapan lapisan bawah (0.333). Ini memastikan perkadaran warna kekal sama tanpa mengira susunan susunan.

Atas ialah kandungan terperinci Bagaimanakah Ketelusan Mempengaruhi Warna Akhir dalam Kotak Separuh Lutsinar Bertindih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!