İçeriğe geç
LibraryCSS
Görsel ve efekt

mask

Elemanı bir görsel veya gradyanın alfa kanalına göre maskeler. `clip-path`'ten farkı yumuşak geçiş yapabilmesidir.

Katalogdaki 41 efekt bu özelliği kullanıyor.

Sözdizimi

mask: <görsel> <konum> / <boyut> <tekrar>;

Dikkat

Maskede beyaz/opak alan görünür, siyah/saydam alan gizlenir. Kenarı yumuşayan solma efektleri `mask-image: linear-gradient(#000, transparent)` ile yapılır.

mask kullanan efektler

Katalogda ara

Hepsi çalışan gerçek efektler. Kartın üzerine gel, kaynağını görmek için aç.

İlgili özellikler