The tooltip
Position
|
Left position
Left position
|
Top position
Top position
|
Right position
Right position
|
Bottom position
Bottom position
|
Width
All tooltip have auto width
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Lorem ipsum magna eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud Lorem ipsum magna nec porttitor, nulla quisque congue massa donec integer non exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate Lorem ipsum magna nec porttitor, nulla quisque congue massa donec integer non, cursus nibh, ornare integer gravida, urna, massa orci ligula lectus: pellentesque.
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Colors
|
Gray tooltip
Tooltip left position gray
|
Black tooltip
Tooltip top position black
|
Orange tooltip
Tooltip right position orange
|
Green tooltip
Tooltip bottom position green
|
|
Red tooltip
Tooltip left position red
|
Violet tooltip
Tooltip left position violet
|
Blue tooltip
Tooltip right position blue
|
Aqua tooltip
Tooltip bottom position aqua
|
|
LightGreen tooltip
Tooltip left position lightgreen
|
DarkGreen tooltip
Tooltip top position DarkGreen
|
Yellow tooltip
Tooltip right position Yellow
|
Algolia tooltip
Tooltip bottom position Algolia
|
|
Style 1
Tooltip left position style-1
|
Style 2
Tooltip top position style-2
|
Style 3
Tooltip right position style-3
|
Style 4
Tooltip bottom position style-4
|
Examples
Lorem ipsum tellus donec sed urna et pellentesque donec sodales mattis. Tooltip for Block Tooltip for Block Tooltip for Block Tooltip for Block
Auctor nulla lorem leo rutrum sit, odio mauris sem pharetra lectus sem vivamus fusce — diam arcu risus metus odio morbi — leo — massa, justo. Malesuada et nec in at ligula donec quam lorem morbi magna mauris eget cursus mauris massa, tellus vivamus ornare, nam.
Support for Image
|
Tooltip with Image
Tooltip with Image
|
Tooltip with Image
Tooltip with Image
|
Tooltip with Image
Tooltip with Image
|
Tooltip with Image
Tooltip with Image
|
Support for Movies
|
Tooltip with Movie
Tooltip with Movie
|
Tooltip with Movie
Tooltip with Movie
|
Tooltip with Movie
Tooltip with Movie
|
Tooltip with Movie
Tooltip with Movie
|
Support by click
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Lorem ipsum magna eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud Lorem ipsum magna nec porttitor, nulla quisque congue massa donec integer non exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate Lorem ipsum magna nec porttitor, nulla quisque congue massa donec integer non, cursus nibh, ornare integer gravida, urna, massa orci ligula lectus: pellentesque.
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tooltip for controls
|
User name:
|
Please enter your User name |
|
E-mail:
|
Please enter your e-mail adress |
|
First name:
|
Please enter your First name |
|
Last name:
|
Please enter your Last name |