CSS Poligonal para crear tooltips con punteros
1 COMENTARIO - Publicado hace 12 meses - Clasificado en: CSS, TIPSEn 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;
}
Que da como resultado:
En el artículo original podemos encontrar un ejemplo completo.
Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? » »
Algunas entradas relacionadas:
- Resaltar con CSS código HTML obsoleto o "deprecated"
- Colección de CSS de reinicialización
- Cross-Browser Inline Blocks
- Tip: Resaltar el campo activo de un formulario
- Reducir ficheros Javascript y CSS con PHP
- Centrar una web con ancho fijo
- Sencilla fórmula para trabajar con tamaños de fuente relativos
También te puede interesar:
| Blog It | 10 principios de usabilidad en el diseño de interfaces | Cómo crear un icono de periódico personalizado | 10 herramientas online para efectos fotográficos divertidos | 10 raras etiquetas HTML que deberías conocer |
COMENTARIOS
|
|
Publicado hace 12 meses Andrés Fernández - http://www.disegnocentell.com.ar Qué ingenioso. Simplemente genial! |





















Mauricio Campos en 50 preguntas y respuestas de entrevistas de trabajo



