Video: ToolTips Personalizados - Novidades do HTML 5 – CSS 3 – Parte 25

Tempo: 16:18 min

Mini resumo: Nessa vídeo aula vamos fazer uma demonstração de como utilizar os novos recursos do CSS 3 para criar ToolTips personalizados de maneira rápida e simples e somente com uso do CSS 3, sem nenhum código javascript. O ToolTip, para quem não sabe, é aquela caixa pop-up que abre quando você passa o mouse sobre um elemento da página web e que contém uma explicação adicional sobre aquele elemento que recebeu o ponteiro do mouse sobre ele. O HTML 4 possui a propriedade title que é uma possibilidade para se criar tooltips, mas eles não são personalizados e seguem a interface do navegador. Os tooltips que vamos criar nessa vídeo aula são personalizados e chamam muito mais a atenção dos usuários.

Tecnologias utilizadas: HTML 5, CSS 3

Exemplos construídos: Demonstrações práticas

Palavras-chave: HTML 5, CSS 3, W3C, CSS, HTML, TOOLTIP