Over a million developers have joined DZone.

Animated Tooltip with CSS

DZone's Guide to

Animated Tooltip with CSS

· ·
Free Resource

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!

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}