Pure css tooltip generator / CSS3 Tooltip

♠ Posted by Muhammad Kaif in at 10:30

CSS3 Tooltip Generator online

     The following tooltip generator is 100% free to use, you can modify and generate your css and html code to use your website.
Tooltip generator
ToolTip Option
Box Shadow

Color
Horizontal Length : 0 PX
Vertical Length : 0 PX
Blur Ratio : 0 PX
Shadow Width : 0 PX
Text Shadow

Color :
Horizontal Length : 0 PX
Vertical Length : 0 PX
Blur Ratio : 0 PX
Tool Tip Pointer
Left -8 PX Right
Pointer Height : 8 PX
Pointer Width : 8 PX
Text Color :
Tool Tip Box
Tool Tip Postion
Height : 30 px
Width : 140 px
Tool Tip Box Postion
Left 50 % Right
Opacity : 0.8
Border
Border Radius : 6 PX
Border Width : 1 PX
Border Color :
HTML Code

<a class="tooltips_cls" href="#">Hover Here<span>Tooltip Merbin Joe</span></a>
Preview
Background color Text Color

0 comments:

Post a Comment