Fandom Developers Wiki
Advertisement

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-tip
left-tip
bottom-tip
right-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)
Advertisement