SublimeText
SublimeText
  • Codigo
  • Añadir una imagen de formato .SVG de fondo a mi web

    Quiero hacer este pequeño post porque últimamente muchos clientes me están preguntando lo siguiente: ¿Cómo puedo añadir un fondo con una imagen de extensión SVG a mi web?.

    El formato SVG no solo a demostrado ser el mas eficiente, si no que también es el que mejor resolución tiene, la respuesta a la pregunta es muy sencilla: 

    1. Debemos tratar la imagen SVG como cualquier imagen ordinaria.
    2. Debemos añadir el siguiente código CSS:

    .container { 
    background-image:url(https://imagen.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;

    Recuerda que la clase “.container” corresponde a como tu theme llama al contendor, típicamente es asi pero puedes saberlo siempre con las herramientas de developers de tu navegador.

    De momento es todo!

    Comments