Fondo imagen

El propósito de este componente es facilitar el diseño de los elementos con fondos de imagen sin la necesidad de maquetación.

FRG_FondoImagenResponsiva

Fragmento >  Componentes > FRG_FondoImagenResponsiva

Será necesario que el componente tenga algo en su interior que ocupe espacio, si no no podremos ver la imagen de fondo. Para la documentación se han usado contenedores en su interior fijándoles una altura de 300px.

Variantes

Debido a la versatilidad del componente mostramos solo algunas de sus posibles variantes.

Como podemos observar, existen multitud de combinaciones.

Arriba a la izquierda, desplazamiento lateral de 32px, desplazamiento vertical 16px, tamaño 100px

Arriba a la derecha, desplazamiento lateral de -112px, desplazamiento vertical 32px, tamaño 100px

Repetir en Y, Centro a la derecha, desplazamiento lateral de -128px, tamaño 50px