Basic CSS Tool-Tip
By Asim Krishna Prasad
Posted on 20/11/14
Tag :
CSS
Now we are going to see how we can implement a simple tool-tip using CSS and the on-hover technique discussed HERE
Let's clear the idea first..
1) Select the target button or div to make a tool-tip for..
2) Design a tool-tip div normally..
3) Change the opacity of the tool-tip div to 0
4) Change the opacity of the tool-tip div to 1 when hovered over our target div..
Here is the JSFiddle :
You can play with the code here..
Hope it helps
Asim Krishna Prasad
COMMENTS :