Bagaimana untuk Mencipta Teks Dwi Warna Tanpa Menduakan Kandungan?

Teks Dwi Warna Tanpa Pendua

Menduakan kandungan untuk mencapai kesan teks dwi-warna boleh menyusahkan. Berikut ialah penyelesaian yang lebih elegan menggunakan HTML dan CSS semata-mata:

Menggunakan Klip Latar Belakang

Memanfaatkan klip latar belakang: sifat teks membolehkan anda mewarnakan teks dengan kecerunan , memberikan fleksibiliti yang sangat besar dalam mencipta kombinasi warna:

#main {
  background: linear-gradient(to right, red 50%, #fff 50%);
}

#main > p {
  background: linear-gradient(to left, blue 50%, #fff 50%);
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

<div>

Teknik ini menghapuskan keperluan untuk kandungan pendua sambil membolehkan penciptaan kesan teks dwi-warna yang menakjubkan dan serba boleh.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Teks Dwi Warna Tanpa Menduakan Kandungan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!