CSS Poligonal para crear tooltips con punteros

1 COMENTARIO -  Publicado hace 12 meses -  Clasificado en: ,

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.

Tooltip sin imagenes ejemplo

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;
}

Que da como resultado:

Tooltip

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

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

Vía Ajaxian » »

Algunas entradas relacionadas:

También te puede interesar:

COMENTARIOS

Publicado hace 12 meses
Andrés Fernández -   http://www.disegnocentell.com.ar

Qué ingenioso. Simplemente genial!
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com