Skip to content

Feature: Liquid Wave Button Hover Effect #55580

Description

@anuragbraveboy-sudo

📝 Description

Create a pure CSS "Liquid Wave" button component. When the user hovers over the button, a smooth liquid/wave animation should rise from the bottom to fill the button's background.

🎯 Perfect For

  • Creative Portfolios
  • Playful Landing Pages
  • Call-to-Action (CTA) Buttons

✨ Features

  • Pure CSS (no JS required).
  • Smooth bezier curve animations for the wave effect.
  • Fully customizable wave colors and animation speeds.

Metadata

Metadata

Labels

GSSoC-26Official GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionsgood first issueGood for newcomersgssoc:approvedApproved for GSSoC contributionshelp wantedExtra attention neededlevel:beginnerSuitable for first-time contributors

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions