ALPHAVIO / Mirage-UI

Mirage-UI is a set of easily accessible, reusable, and composable design components and animations that make it super easy to improve the user experience of your websites and applications.
MIT License
24 stars 41 forks source link

Card hover animation #198

Closed siddhi-244 closed 3 years ago

siddhi-244 commented 3 years ago

Feature request-

Card hover animation

Is your feature request related to a problem? Please describe. (optional)

No

Describe the solution you'd like

I would like to add this animation.

Describe alternatives you've considered

A clear and concise description of any alternative solutions or features you've considered.

Describe how this feature will be useful to the users/ contributors-

I think users can use this to improve ui and interactivity of their website.

Additional context

Add any other context or screenshots about the feature request here.

Are you contributing under any open-source program ?

PSoC


Note:

riasenpai commented 3 years ago

@siddhi-244 what type are you thinking to add? we already have a few.

siddhi-244 commented 3 years ago

https://user-images.githubusercontent.com/69195262/127882811-a6cac3c8-bcd5-49e7-8346-f0e05629ab7c.mp4

@riasenpai some thing like this.

riasenpai commented 3 years ago

ok go ahead @siddhi-244 . Its a little similar to Card Pop up on hover but this works too!

theBeginner86 commented 3 years ago

@siddhi-244, just wanted to know will you be using React or just HTML/CSS/JS? Because we have something exactly like this with React. Please check out the issue at: #191 PR: #195

But if you are not using React or the UI is different than the one in the PR, then it would be fine. 👍

siddhi-244 commented 3 years ago

I will try with html,css