Esquinas redondeadas con CSS y JavaScript

Para que matarse retocando las imágenes, añadiéndoles efectos, sombras, bordes, y esquinas redondeadas con el Photoshop, si un fichero javascript y algo de CSS pueden hacer todo el trabajo por nosotros. Corner.js es una pequeña librería javascript sumamente fácil de incorporar a cualquier sitio web.

Esquinas redondeadas con CSS y JavaScript

Para utilizarla hay que seguir los siguientes pasos:

  1. Descargar la librería y subirla al servidor
  2. Añadir el siguiente código dentro del html de la web:
    <script type="text/javascript" src="corner.js"></script>
  3. En las imagines que querramos se muestren con esquinas redondeadas, basta añadirles lo siguiente: class="corner"

Asimismo, hay varios efectos, que pueden combinarse entre si.

Enlace | corner.js
Vía | ajaxian

Es interesante pero

Es interesante pero es una l

Enviado por Javier Seixas (no verificado) el Vie, 04/20/2007 - 02:14.
Javier, para usarlo

Javier, para usarlo en IE debes:- Utilizar la libreria Canvashttp://excanvas.sourceforge.net/ - Y añadirle un hack a la p

Enviado por Bal (no verificado) el Sáb, 04/21/2007 - 11:49.
si no deseas usar ja

si no deseas usar javascript utiliza SpiffyCorners http://www.spiffycorners.com/ que es solo css, y agiliza la carga

Enviado por calinsoft.net (no verificado) el Sáb, 04/21/2007 - 17:38.

Deja tu comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de lĂ­neas y de párrafos.

Más información sobre opciones de formato

SuscrĂ­bete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes