Imágenes circulares con CSS sin usar Photoshop

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.

Acerca de: Programator

Somos Instinto Programador

0 comentarios:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Con tecnología de Blogger.