Skip to content

Added MalavyaRaval-btn-1 button#163

Open
MalavyaRaval wants to merge 1 commit intoDesign-and-Code:mainfrom
MalavyaRaval:malavyaraval
Open

Added MalavyaRaval-btn-1 button#163
MalavyaRaval wants to merge 1 commit intoDesign-and-Code:mainfrom
MalavyaRaval:malavyaraval

Conversation

@MalavyaRaval
Copy link
Member

Have you read the Contribution Guidelines? If not, check CONTRIBUTING.md file first.

Yes, I have read the CONTRIBUTING.md file and strictly followed all the contribution guidelines while creating this button. I ensured that:

  • I did not modify any existing buttons.
  • I followed the required class naming conventions.
  • I only updated the button section in index.html.
  • I added styles only inside buttons/buttons.css.
  • I did not modify anything inside the assets folder.

Description

This PR adds a new animated button: MalavyaRaval-btn-1.

The button features a smooth water-like flowing animation that rises upward from the bottom and continuously rotates, creating a dynamic liquid motion effect. The animation simulates water filling and swirling inside the button, giving it a modern and visually engaging appearance.

The implementation strictly follows the project's contribution guidelines and naming conventions without affecting any existing buttons.


Class Naming Convention for your button

  • Does your html button element have class-name like this: your_github_username-button-index (example: rajkumar-justcoder-button-1).

Checklist

  • I've read the contribution guidelines.
  • I've checked the issue list before deciding what to submit.

Related Issues

None


Screenshot

image

@netlify
Copy link

netlify bot commented Feb 28, 2026

Deploy Preview for css-buttons-hover ready!

Name Link
🔨 Latest commit edd1506
🔍 Latest deploy log https://app.netlify.com/projects/css-buttons-hover/deploys/69a32a7791c5f60008fcb557
😎 Deploy Preview https://deploy-preview-163--css-buttons-hover.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant