Búsqueda personalizada

Técnicas para redondeadear esquinas con CSS

spiffyboxgefjjk.jpgLas esquinas redondeadas son hoy una las técnicas mas populares en Internet, sobre todo si hablamos del universo denomino 2.0. Incluso hoy podemos verlo en servicio tan populares como Google Adsense, servicio que ahora permite a los usuarios optar por esquinas redondeadas para mostrar los anuncios.
Existen varias formas de llegar al mismo resultado, y más aun de adaptar esta técnica a nuestros diseños. Pero si bien la técnica es agradable, es bueno saber donde utilizarla, y de que forma combinar esta técnica con el resto de nuestro diseño.
A continuación podremos ver 16 técnicas de esquinas redondeadas con CSS, con la idea de que puedas obtener mejores opciones.

cut.gif

ThrashBox – (Crear esquinas redondeadas)- Esquina con una sombra suave visual y con un margen mínimo.

thrashbox.jpg

cut.gif

 

DomCorners – una técnica muy simple para conseguir esquinas redondeadas.

domcorners.jpg

 cut.gif

virtuelvis.com esquinas redondeadas con CSS que permite que adaptes esto a los diseños existentes sin alterar ningún margen de beneficio.

virtuelvis.jpg

cut.gif

 456bereastreetUna técnica para crear esquinas y bordes con la transparencia alfa opcional. 456bereastreet.jpg

cut.gif

Esquinas en listas de noticias – fue diseñada para exhibir enlaces a las noticias recientes.

dgfxdg.jpg

cut.gif

Esquinas redondeadas líquidas utilizando CSS – una caja redondeada reutilizable, esta técnica utiliza en total 6 imágenes. Pero su diseño es realmente bello.

liqquidas.jpg

cut.gif

Esquinas Nifty de Anti-aliased – basadas en las esquinas Nifty y modificadas por Steven Wittens.

 

gfdzfhgdfh.jpg

cut.gif

Caja simple realizada por tedd – ideal para diseños no muy cargados.

sgdsfhgh.jpg

cut.gif

 

 

Las esquinas redondeadas herméticas – Con esta técnica podremos realizar una caja con las esquinas redondeadas usando solamente una imagen, y fijando esa imagen para cada esquina.

 

 hermetica.jpg

cut.gif

Crear un bloque redondeado – Una técnica que requiera dos imágenes una actuando como encabezado y otra para el contenido, es muy fácil de utilizar y nos da lugar a conseguir resultados muy agradables y fácilmente.

bloquehjm.jpg

cut.gif

Esquinas redondas elegantes – una solución práctica utilizando imágenes pequeñas para los bordes.

elegantesjkjklh.jpg

cut.gif

Esquinas redondeadas en CSS por Adán Kalsey – requiere 4 imágenes para la esquinas. Muy sencilla y fácil.

esquinashjkvhjklh.jpg

genradoresxfh.jpg

Roundedcornr.com – Herramienta sencilla para generar las esquinas redondeadas.

roundedcornrghjgj.jpg

cut.gif

Spiffycorners.com – La manera mas simple de generar el CSS y HTML que necesitas para las esquinas sin usar imágenes o Javascript.

spiffycornersgjk.jpg

cut.gif

Spiffybox.com – otro proyecto de los mismos creadores de esquinas Spiffy

 

Publicado en CSS, Desarrollo Web, Diseño, Maquetación | No comments

Déjanos tu comentario

Por favor, sea educado sobre el tema. Tu email no será publicado.