Add Rotate Fade Tooltip for Creative Portfolio Layouts

[samrin1502]

Adds a new Rotate Fade Tooltip showcase example for EaseMotion CSS. This submission introduces a lightweight, CSS-only tooltip with a smooth rotate-and-fade animation for creative portfolio layouts. The component is responsive, accessible, customizable, and built entirely with HTML and CSS.

---

Type of Change

• ✨ New animation / hover effect
• 🧩 New component
• 📝 Documentation improvement
• 🐛 Bug fix in an existing submission
• Other (describe below)

---

Submission Checklist

• All changes are inside submissions/examples/rotate-fade-tooltip/
• Includes demo.html — self-contained, opens in browser with no server
• Includes style.css — raw CSS for the proposed feature
• Includes README.md — explains features, usage, CSS custom properties, and accessibility
• No changes to core/
• No changes to components/
• One feature per PR (no bundled unrelated changes)

---

Feature Description

What does this add?

A responsive portfolio showcase featuring rotate-and-fade tooltips, image hover effects, and smooth CSS transitions built entirely with HTML and CSS.

How does a developer use it?

<div class="tooltip-wrapper">
  <button class="info-btn">Project Info</button>
  <span class="tooltip">Tooltip content</span>
</div>

Why does it fit EaseMotion CSS?

This component follows EaseMotion CSS's animation-first philosophy by providing a reusable, lightweight tooltip interaction using only CSS. It is fully responsive, customizable through CSS custom properties, and includes accessibility features such as keyboard focus support and prefers-reduced-motion.

---

Demo

• Demo added (demo.html opens directly in a browser)

---

Browser Testing

• Chrome
• Firefox
• Edge
• Safari (not tested)

---

Notes for Maintainer

The tooltip animation combines subtle rotation and fade transitions to create a polished micro-interaction while maintaining good performance. All implementation files are contained within the submission folder, and no core or component files were modified.

[SAPTARSHI-coder]

✅ Submission Validation Passed!

Great job! All required files are present and valid.

📁 Folder: submissions/examples/rotate-fade-tooltip-ss

Files found:

• ✅ demo.html
• ✅ style.css
• ✅ README.md

🚀 Next Steps:

• A maintainer will review your PR
• Respond to any feedback if requested
• Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉