Gatito

En este ejemplo les voy a mostrar como pueden hacer una imagen circular sin usar Photoshop o ninguna programa de edición de imágenes.

La imagen en este caso tiene que ser un cuadrado perfecto para simplificar el calculo del borde.

Primero el código de la imagen:

 

Gatito

Y el CSS es muy sencillo:

Y al final tenemos nuestra imagen redondeada:

Gatito

Las imágenes con bordes siempre se me han parecido más atractivas y que atraen más la imagen del usuario. Si esas imágenes ademas son circulares dan una sensación mayor de dinamismo.

¿Usaste este ejemplo en tu sitio?

Déjanos la liga en los comentarios

¿Quieres todas las noticias y actualizaciones en tu correo? Inscríbete a nuestros newsletter

El cariño esta en compartir...