Component: Add CSS-only animated tooltip with directional arrow pointer

[Nareshkumawat-star]

Feature Request

Tooltips are a fundamental UI pattern missing from EaseMotion CSS. A pure CSS tooltip with a smooth fade + scale entry and directional arrow would be widely useful.

Proposed Component

• Classes: .ease-tooltip, .ease-tooltip--top, .ease-tooltip--bottom, .ease-tooltip--left, .ease-tooltip--right
• Triggered via :hover and :focus on the parent
• Entry animation: fade-in + translateY shift
• Arrow pointer via ::before border trick
• CSS variables: --ease-tooltip-bg, --ease-tooltip-color, --ease-tooltip-delay
• No JavaScript required
• Fully accessible (works with aria-label and keyboard focus)

Files to Create

submissions/examples/ease-tooltip/style.css
submissions/examples/ease-tooltip/demo.html
submissions/examples/ease-tooltip/README.md

[github-actions]

Hey @Nareshkumawat-star! 👋

Thanks for opening this issue — you've been auto-assigned to it.

Before you start coding, please read the quick checklist:

• Make sure no existing issue already covers this idea
• Read the Contribution Guide before opening a PR
• Add files only inside submissions/examples/your-feature-name/
• Include demo.html · style.css · README.md in your folder
• Max 2 active issues per contributor — unassign others before taking new ones
• Join our official Discord Server (Optional - for general developer chat and support; official issues belong on GitHub!)

🕑 Inactivity rule: Issues with no progress for 24 hours (1 day) will be unassigned and reopened for others.

The maintainer will review your PR once submitted. Good luck! ⚡