CSS3 Tips is a plugin made only with CSS3. With parameters in HTML5.
Features
- Parameters easy with HTML5.
- With four possible directions.
- Modern style.
- No JavaScript required.
- CSS control.
Installation
Syntax
<span class="top-tip" data-tips="TOOLTIP TEXT">TEXT</span>
Parameters
| Option (HTML attribute) | Description | Possible values |
|---|---|---|
class
|
CSS class. This indicated the direction of the tip. | top-tipleft-tipbottom-tipright-tip
|
data-tips
|
Here we add tooltip text. |
Demo
- Hover them to see the tooltip positions.
Top tooltip
Right tooltip
Left tooltip
Bottom tooltip
Alternative Stylesheet Demo
Click the following button to open a modal and preview the alternative tooltips' appearance.
See also
- TippingOver - an extension similar to Tooltips.js.
- Tooltips - a tooltip plugin with advanced configuration.
- WdsTooltips - a tooltip that works on both mobile and desktop.
Text above can be found here (edit)