mask-repeat

Índice

Definición de .mask-repeat aplicado en CSS

En CSS, la propiedad .mask-repeat le dice a una máscara si debe repetirse o no y en qué direcciones. Es muy parecido a la repetición de fondo. El valor predeterminado es repetido.

Caso de uso de la propiedad mask-repeat

Si te gustaría utilizar esta propiedad de CSS en tu hoja styles.css, hazlo de la siguiente forma:

Otro ejemplo más avanzado de .mask-repeat es el siguiente de CODEPEN:

Sintaxis de .mask-repeat en CSS

  mask-repeat:   repeat|repeat-x|repeat-y|space|round|no-repeat|initial|inherit;

Exploradores compatibles con .mask-repeat

Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
mask-image 4.0 -webkit- 79.0 -webkit- 53.0 4.0 -webkit- 15.0 -webkit-

Referencias técnicas

Echa un vistazo a estas otras propiedades

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso