Over a million developers have joined DZone.

Animated Tooltip with CSS


This example shows you how to create custom tooltips, using just a pure CSS. In this examples we use "transform" feature of the CSS3 and some other tricks. Also you may find additional tooltip class provided, to show you the way you may customize this code.

Lorem ipsum dolor sit ametHello! This is a first tooltip!
Pellentesque id auctor semThis is a second tooltip!

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}