Bagaimana untuk menggunakan kelegapan dalam css

Penggunaan kelegapan dalam CSS: Apakah kelegapan? Atribut kelegapan mengawal kelegapan elemen, iaitu, tahap kelegapan elemen menghantar cahaya Julat nilai ialah 0 (telus sepenuhnya) kepada 1 (legap sepenuhnya). Bagaimana untuk menggunakan kelegapan? Sintaks atribut kelegapan ialah: nilai kelegapan: nilai boleh menjadi nombor antara 0 dan 1 atau kata kunci warisan/awal. Aplikasi kelegapan: Atribut kelegapan digunakan secara meluas dalam reka bentuk web, seperti mencipta latar belakang lutsinar, kesan fade-in/fade-out, tindanan, kesan tetikus dan gabungan imej.

Bagaimana untuk menggunakan kelegapan dalam CSS

Apakah kelegapan itu?

Atribut kelegapan mengawal kelegapan unsur, iaitu tahap kelegapan unsur menghantar cahaya. Julat nilainya adalah dari 0 hingga 1, di mana:

• 0 bermaksud telus sepenuhnya (elemen tidak kelihatan)
• 1 bermaksud legap sepenuhnya (elemen itu kelihatan sepenuhnya)

Bagaimana untuk menggunakan kelegapan?

Dalam CSS, gunakan atribut kelegapan untuk menetapkan kelegapan elemen Sintaks adalah seperti berikut:

opacity: value;

Di mana nilai boleh menjadi nombor antara 0 dan 1, atau anda boleh menggunakan kata kunci berikut:

• warisi. : warisan Kelegapan unsur induk
• awal: Gunakan kelegapan lalai penyemak imbas

Aplikasi kelegapan

Atribut kelegapan mempunyai pelbagai aplikasi dalam reka bentuk web, seperti:

telus latar belakang :
• Letak latar belakang Menetapkan kelegapan elemen kepada 0 menghasilkan kesan latar belakang yang telus.
Kesan pudar masuk/keluar:
• Dengan menukar nilai kelegapan secara beransur-ansur, anda boleh mencipta kesan animasi fade in atau fade out.
Tindan:
• Gunakan sifat kelegapan untuk mencipta tindanan lut sinar untuk mengaburkan sebahagian daripada kandungan atau memberikan maklumat tambahan.
Kesan tetikus:
• Apabila tetikus melayang di atas elemen, anda boleh menukar kesan paparan elemen dengan menukar nilai kelegapan.
Pengadunan imej:
• Anda boleh mencipta kesan gabungan imej dengan menindih kelegapan berbilang imej. . contohnya:

  opacity: 0.5;

  Atas ialah kandungan terperinci Bagaimana untuk menggunakan kelegapan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!