-webkit-mask-clip

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

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

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

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

  • padding-box — маска не будет видима под прозрачными участками границы элемента
  • border-box — маска будет видима под прозрачными участками границы элемента
Значение по умолчанию нет
Применимо ко всем элементам
Наследование нет
Поддерживается браузерами
  • 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-clip: border;
}

По теме