Tooltips
These classes allows you display nice tooltips on any HTMLElement
Preview
Solid
Loading code example. Please wait...
Positions (no s-floating feature)
Loading code example. Please wait...
Colors (none-exhaustive)
Loading code example. Please wait...
Interactive
Loading code example. Please wait...
Install
CSS Classes
-
s-tooltip-container
Allows to hide and show your tooltip on hover (focus)
-
s-tooltip-container:active
Allow to display a tooltip without having the need of the user interaction
-
s-tooltip
Apply the solid tooltip lnf
-
s-tooltip:top
Align your tooltip at "top". This is the default. Only then not using the "s-floating" feature
-
s-tooltip:right
Align your tooltip at "right". Only then not using the "s-floating" feature
-
s-tooltip:left
Align your tooltip at "left". Only then not using the "s-floating" feature
-
s-tooltip:bottom
Align your tooltip at "bottom". Only then not using the "s-floating" feature
-
s-tooltip:interactive
Allow the user to interact with the tooltip. Only then not using the "s-floating" feature