Rasm effektlari

Rasmlarga vizual effektlar qo‘shishni o‘rganing.

Rasm filtrlari

O‘zingiz sinab ko‘ring »

CSS filtrlari

CSS’ning filter xossasi elementga vizual effektlar (masalan, xiralashtirish va to‘yinganlik) qo‘shadi.

Eslatma: filter xossasi Internet Explorer, Edge 12 yoki Safari 5.1 va undan oldingi versiyalarda qo‘llab-quvvatlanmaydi.

Kulrang tus (grayscale) misoli

Barcha rasmlar rangini oq-qoraga o‘zgartiring (100% kulrang):

img {     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */     filter: grayscale(100%); }

Original image

grayscale(100%)

O‘zingiz sinab ko‘ring »

Xiralashtirish (blur) misoli

Barcha rasmlarga xiralashtirish effektini qo‘llang:

img {   -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */   filter: blur(5px); }

Original image

blur(5px)

O‘zingiz sinab ko‘ring »

CSS filtrlari haqida ko‘proq bilish uchun CSS filter xossasi sahifamizga o‘ting.