Свойство -webkit-mask-origin

Свойство -webkit-mask-origin определяет точку, с которой будет начинаться левый верхний угол маски. Маска может начинаться от внутреннего края границы элемента, от внешнего края границы элемента или только в зоне контента.

Маска применяется для скрытия некоторых частей элемента.

В качестве маски может быть использовано любое изображение, причем прозрачные части маски делают элемент невидимым, непрозрачные — видимым, а полупрозрачные — полупрозрачными в зависимости от прозрачности маски.

Допустимые значения

padding — маска начинается от внутреннего края границы элемента
border — маска начинается от внешнего края границы элемента
content —маска начинается только в зоне контента.

Значение по умолчанию	нет
Применимо	ко всем элементам
Наследование	да
Поддерживается браузерами	Safari 4.0 и выше Chrome 3.0 и выше

Пример

CSS

  
div {

background-color:#ccc;

-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))

-webkit-mask-origin: content;
}

По теме

Теги: маска изображения, вендорные свойства, Webkit (Safari, Chrome), css расширения, css extensions

Показать комментарии