SPONSOR

Utilidades| Esquinas redondeadas con CSS

30 de julio de 2007 por Multimedius

En este nuevo mundo del Web 2.0 donde la explotación de los recursos gráficos cobra una mayor importancia, surge una herramienta para crear nuestros diseños con esquinas redondeadas.

Todos sabemos que existen formas de redondear los bordes utilizando imagenes o javascript (Nifty Corners) pero con las consecuencias del aumento del código y tamaño resultante o los problemas causados por los scripts.

Eze nos presenta SPIFFY CORNERS -una extraordinaria solución para generar el código CSS y el HTML necesarios para estilizar nuestro diseño. Algunas de sus ventajas son:

  • No utiliza imágenes
  • Es aplicable a varias páginas de un sitio
  • No requiere javascript
  • Menor tamaño de archivos
Los pasos son simples: elegimos un nombre para la clase (que aparece en el CSS), ponemos el código de color para el fondo y la caja redondeada y seleccionamos el radio de redondez de las esquinas (3, 5 o 9 pixeles). Luego se genera el código que copiamos al CSS y el HTML que usamos para estilizar nuestra etiqueta DIV.

Sitio: http://www.spiffycorners.com/

¡Gracias Eze!

Archivado en con  

0 comentarios: