Cвойство mask применяется для скрытия некоторых частей элемента. В качестве маски может быть использовано png или svg или svg конвертированное в png, причем прозрачные части маски делают элемент невидимым, непрозрачные — видимым, а полупрозрачные — полупрозрачными в зависимости от прозрачности маски. Большинство браузеров лишь частично поддерживают маскирование CSS. Используйте префикс -webkit-
в дополнение к стандартному свойству в большинстве браузеров.
mask հատկությունն օգտագործվում է տարրի որոշ մասեր թաքցնելու համար: png-ը կամ svg-ը կարող են օգտագործվել որպես դիմակ, և դիմակի թափանցիկ մասերը տարրը դարձնում են անտեսանելի, անթափանց մասերը՝ տարրը տեսանելի, իսկ կիսաթափանցիկ մասերը տարրը դարձնում են կիսաթափանցիկ՝ կախված դիմակի թափանցիկությունից։ Բրաուզերների մեծ մասը միայն մասամբ է օգտագործում CSS դիմակավորումը: Բրաուզերների մեծ մասում ստանդարտ հատկության հետ մեկտեղ օգտագործեք -webkit-
:
See the Pen mask by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
---|---|---|---|---|---|---|
Version | 6+ | 79+ | 4+ | 53+ | 15.4+ | 15+ |
Notes | -webkit- | -webkit- | -webkit- |