Lemonade Stripe – Hover Text Animation

🎬 Watch Lemonade Stripe in action:

👉 https://youtu.be/seUvnMPAlKA?si=-f6BxM2aA4vq0nqu

🍋 Lemonade Stripe – ホバーテキストアニメーション

Lemonade Stripe（レモネード・ストライプ）は、文字が一文字ずつ上にスライドする軽やかで美しいホバーエフェクトです。

ナビゲーションメニューや見出しなど、ちょっとしたUIに動きを加えたいときに最適。

HTML / CSS / JavaScript だけで構成されており、ライブラリ不要・導入も簡単です。

---

📦 同梱内容：

・index.html（実装サンプル）

・style.css（アニメーションスタイル）

・script.js（文字アニメーションJS）

・README（英語・日本語）

---

✅ 特徴

・レスポンシブ対応

・カスタマイズ自由

・依存ライブラリなし

・すべてのモダンブラウザに対応

---

📣 SNSでも紹介中！

#web制作 #CSSアニメーション #UIモーション #LemonadeStripe

---

制作：CREAMU（@creamu）

---

🍋 Lemonade Stripe is a clean, responsive, and refreshing hover animation that reveals each letter with an upward slide. Ideal for nav menus, hero text, or modern UI effects.

✅ No frameworks.

✅ Fully customizable.

✅ Works with just HTML, CSS, and JavaScript.

---

### 📦 What’s Included

- index.html – Demo page

- style.css – Animation styles

- script.js – Hover logic

- README.md – English guide

- README_ja.md – Japanese guide

- preview.jpg – Cover image

---

### 💼 License

- ✅ Personal and commercial use

- ❌ Do not redistribute or resell source code as-is

For extended licensing, DM me anytime.