soumita1234 / HelpingHand

A Donation Website With Razorpay Payment Gateway Integration. Tech Stack Used- HTML, CSS, JavaScript.
https://soumita1234.github.io/HelpingHand/
MIT License
31 stars 76 forks source link

Donate here (button) needs to be implement more #60

Closed ayushsoni1010 closed 3 years ago

ayushsoni1010 commented 3 years ago

Heyy @soumita1234 👋 I want to add the Neumorphism effect in the button. This should be the gorgeous UI button This functionality will enhance more towards the user one who loves buttons :D If any reference of idea needed, then let me know :) Alright, If you got it :D

Kindly assign me this issue under LGMSOC'21

Thanks :)

soumita1234 commented 3 years ago

Heyy @soumita1234 👋 I want to add the Neumorphism effect in the button. This should be the gorgeous UI button This functionality will enhance more towards the user one who loves buttons :D If any reference of idea needed, then let me know :) Alright, If you got it :D

Kindly assign me this issue under LGMSOC'21

Thanks :)

First implement the idea and share me the ss or website link. Currently I dont want any changes to buttons but if your idea is markable. I'll tell you to create PR.

ayushsoni1010 commented 3 years ago

Sure :) I will share it by tonight

ayushsoni1010 commented 3 years ago

Hey @soumita1234

Just take a look once on these designs :D These two are of Neumorphism effect UI button design

image

image

ayushsoni1010 commented 3 years ago

Can I implement this UI button this would look perfect :)

soumita1234 commented 3 years ago

Can I implement this UI button this would look perfect :)

At first change it and host the site and share here

ayushsoni1010 commented 3 years ago

okay I will share the ss here

If It seems good will reopen the issue. Thanks a lot✨

ayushsoni1010 commented 3 years ago

I have added this one Neomorphism effect. image

By adding this button gives a 3D impact and while hovering also. If we hover then the upper part of the square will give a little blackish and the lower part as well gives a little whitish And if we hover then the button bumps up

The default button looks simple

https://user-images.githubusercontent.com/76895975/121890127-a0d2d880-cd37-11eb-98e1-e6cd04330997.mp4

Hope you like it :) Thanks✨

ayushsoni1010 commented 3 years ago

image

soumita1234 commented 3 years ago

@ayushsoni1010 You can make PR. I like it