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 :