chinchang / hint.css

A CSS only tooltip library for your lovely websites.

Home Page:https://kushagra.dev/lab/hint/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How do I automatically match the position?

wilon opened this issue · comments

Default display hint--right

When hovering over the left edge display hint--right

When hovering over the right edge display hint--left

When hovering over the top edge display hint--bottom

When hovering over the bottom edge display hint--top

?

You want to dynamically position the tooltips according to the hover area? That can't be done using just CSS. You'll have to write JavaScript to detect the hover area and then set appropriate hint- classe on the element.