Свойство -webkit-mask-repeat
Свойство -webkit-mask-repeat определяет будет ли повторяться в элементе маска.
В качестве маски может быть использовано любое изображение, причем прозрачные части маски делают элемент невидимым, непрозрачные — видимым, а полупрозрачные — полупрозрачными в зависимости от прозрачности маски.
Допустимые значения
- repeat — изображение будет повторяться по вертикали (оси Y) и горизонтали (оси X)
- repeat-x — изображение будет повторяться только по горизонтали (оси X)
- repeat-y — изображение будет повторяться только по вертикали (оси Y)
- no-repeat — изображение не будет повторяться
- inherit — наследует значение от родителя
Значение по умолчанию | repeat |
---|---|
Применимо | ко всем элементам |
Наследование | нет |
Поддерживается браузерами |
|
Пример
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-repeat: repeat-x;
}
По теме
- Вендорные префиксы. Что это?
- CSS свойство -webkit-mask
- CSS свойство -webkit-mask-attachment
- CSS свойство -webkit-mask-box-image
- CSS свойство -webkit-mask-clip
- CSS свойство -webkit-mask-composite
- CSS свойство -webkit-mask-image
- CSS свойство -webkit –mask-origin
- CSS свойство -webkit-mask-position
- CSS свойство –webkit-mask-position-x
- CSS свойство –webkit-mask-position-y
- CSS свойство -webkit-mask-size
Теги: маска изображения, вендорные свойства, Webkit (Safari, Chrome), css расширения, css extensions
Показать комментарии