CSS Poligonal para crear tooltips con punteros

En Group Filament han escrito un post en el que explican como usar CSS poligonal para crear tooltips que tengan punteros pero sin utilizar imágenes.

El concepto queda explicado con el siguiente CSS:

div {
     width:0;
     height:0;
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
     border-top: 30px solid red;
     border-bottom: 0;
}

En el artículo original podemos encontrar un ejemplo completo.

Image-free CSS Tooltip Pointers – A Use for Polygonal CSS? » »

Vía Ajaxian » »

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay


Tags:
Esta entrada fue posteada el Thursday, March 5th, 2009 a las10:29 PM bajo la categoria css, utils. Tu puedes seguir los comentarios a este post a travez de RSS 2.0 feed. Vos podes dejar un comentario, o trackback desde tu propio sitio.

Dejar un comentario

Tu comentario