tippy.js/animations/shift-toward-extreme.css

Highly customizable tooltip and popover library

.tippy-tooltip[data-animation=shift-toward-extreme][data-placement^=top][data-state=hidden]{transform:translateY(-20px)}.tippy-tooltip[data-animation=shift-toward-extreme][data-placement^=bottom][data-state=hidden]{transform:translateY(20px)}.tippy-tooltip[data-animation=shift-toward-extreme][data-placement^=left][data-state=hidden]{transform:translateX(-20px)}.tippy-tooltip[data-animation=shift-toward-extreme][data-placement^=right][data-state=hidden]{transform:translateX(20px)}.tippy-tooltip[data-animation=shift-toward-extreme][data-state=hidden]{opacity:0}