Fungsi Kelegapan Hitam dan Putih - Trik CSS

Anonim

Cukup biasa jika memerlukan sedikit hitam atau putih telus. Di CSS, anda boleh melakukan:

.half-black ( background: rgba(0, 0, 0, 0.5); )

Lebih mudah di Sass, di mana anda boleh mengganti nama warna:

.half-black ( background: rgba(black, 0.5); )

Atau permudahkan, dengan membuat fungsi tersuai:

@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )