Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mengubah Hitam menjadi Mana-mana Warna Hanya Menggunakan Penapis CSS?

Bagaimanakah Saya Boleh Mengubah Hitam menjadi Mana-mana Warna Hanya Menggunakan Penapis CSS?

Susan Sarandon
Susan Sarandonasal
2024-12-14 08:09:14299semak imbas

How Can I Transform Black into Any Color Using Only CSS Filters?

Cara menukar warna hitam kepada mana-mana warna tertentu menggunakan hanya penapis CSS

Penapis CSS ialah alat yang berkuasa untuk memanipulasi penampilan elemen pada halaman web. Salah satu penapis yang paling berguna ialah penapis putar warna, yang boleh digunakan untuk menukar rona unsur. Walau bagaimanapun, penapis putar warna hanya boleh digunakan untuk menukar rona unsur yang bukan hitam.

Ini kerana penapis putar rona berfungsi dengan memutarkan warna unsur di sekeliling roda warna. Hitam terletak di bahagian bawah roda warna, jadi tiada cara untuk memutarkan warna unsur hitam.

Walau bagaimanapun, terdapat cara untuk menggunakan penapis CSS untuk menukar warna hitam kepada mana-mana warna tertentu. Ini boleh dilakukan dengan menggunakan gabungan penapis songsang, sepia dan tepu.

Penapis songsang menyongsangkan warna unsur. Ini bermakna hitam menjadi putih, putih menjadi hitam dan semua warna lain juga terbalik.

Penapis sepia menambah nada sepia pada elemen. Ini bermakna unsur akan kelihatan diwarnakan dengan warna coklat.

Penapis tepu meningkatkan ketepuan unsur. Ini bermakna elemen itu akan kelihatan lebih bersemangat dan berwarna-warni.

Dengan menggunakan gabungan penapis songsang, sepia dan tepu, anda boleh menukar warna hitam kepada mana-mana warna tertentu. Contohnya, untuk menukar hitam kepada merah, anda akan menggunakan kod CSS berikut:

filter: invert(100%) sepia(100%) saturate(0%);

Kod ini akan menyongsangkan warna elemen, menambah ton sepia dan kemudian mengurangkan ketepuan kepada 0%. Hasilnya ialah elemen merah.

Anda boleh menggunakan teknik ini untuk menukar warna hitam kepada mana-mana warna tertentu. Hanya laraskan nilai penapis songsang, sepia dan tepu sehingga anda mencapai hasil yang diingini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Hitam menjadi Mana-mana Warna Hanya Menggunakan Penapis CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn