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-tipleft-tipbottom-tipright-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.
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.