viernes, 17 de febrero de 2017

Cómo hacer efecto circular-circulo a imágenes en CSS blogger

Hoy vamos a ver como lograr que nuestras imágenes las que deseemos tengan un efecto circular como el siguiente únicamente con CSS:


¿Genial no? muy bien sin más vamos a proceder al tutorial el cuál es bastante sencillo de seguir.

EL TUTORIAL

1. Usar la hoja de estilos CSS el cuál contiene el efecto de redondear imágenes puedes copiarlo y pegarlo en tu plantilla en Diseño > Editar HTML y buscas ]]></b:skin> justo arriba pega lo siguiente: 
.img-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
2. Ahora sólo queda usar el siguiente código en una entrada, gadget o si lo deseas en la misma plantilla:
<img class="img-rounded" src="LINK DE TU IMAGEN" /> 
 Y listo sólo queda guardar nuestro nuevo CSS completo.

El resultado aquí:

 

0 comentarios:

Publicar un comentario

SÍGUENOS EN: