Fandom Developers Wiki
Advertisement

CSS3 Tips ist ein Plugin, das nur mit CSS3 erstellt wurde. Mit Parametern in HTML5.

Merkmale[]

  • Einfache Parameter mit HTML5.
  • Mit vier möglichen Richtungen.
  • Moderner Stil.
  • Kein JavaScript erforderlich.
  • CSS-Steuerung.

Installation[]

Syntax[]

<span class="top-tip" data-tips="TOOLTIP TEXT">TEXT</span>

Parameter[]

Option (HTML Attribut) Beschreibung Mögliche Werte
class CSS-Klasse. Dies zeigte die Richtung der Spitze an. top-tip
left-tip
bottom-tip
right-tip
data-tips Hier fügen wir Tooltip-Text hinzu.

Demo[]

Bewege den Mauszeiger darüber, um die Positionen des Tooltips zu sehen.

Oberer Tooltip
Rechter Tooltip
Linker Tooltip
Unterer Tooltip

Alternative Stylesheet Demo[]

Click the following button to open a modal and preview the alternative tooltips' appearance.

Siehe auch[]

  • TippingOver - an extension similar to Tooltips.js.
  • Tooltips - a tooltip plugin with advanced configuration.
  • WdsTooltips - a tooltip that works on both mobile and desktop.
Advertisement