loader

Cвойство mask-position свойство устанавливает начальное положение, по отношению к позиции маски набору слоев с помощью mask-origin, для каждого определенного изображения маски.

mask-position հատկությունը սահմանում է սկզբնական դիրքը դիմակի դիրքի համեմատ՝ օգտագործելով mask-origin, յուրաքանչյուր սահմանված դիմակ պատկերի համար:

Синтаксис

Գրելաձև
mask-position: top; ⟿ Маска будет находиться сверху.
mask-position: bottom; ⟿ Маска будет находиться снизу.
mask-position: left; ⟿ Маска будет находиться слева.
mask-position: right; ⟿ Маска будет находиться справа.
mask-position: center; ⟿ Маска будет находиться по центру.
mask-position: top left; ⟿ Маска будет находиться сверху слева.
mask-position: 15% 50%; ⟿ Маска будет находиться слева 15% и 50% сверху.

Пример

Օրինակ

See the Pen mask-position by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

See the Pen mask-position by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 wbr image

Также у тега mask есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը mask-position элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 79+ 4+ 53+ 15.4+ 15+
Notes   -webkit- -webkit-     -webkit-