You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This pull request implements an auto-flip feature on hover for cards across the following pages:
Autobiography
Psychological Thriller
Satire
Experimental Fiction
Utopian
Previously, users might not realize that the cards on these pages were interactive and could be clicked to reveal additional content. Adding an auto-flip effect on hover makes this interactivity more intuitive and enhances the user experience.
Changes Made
CSS Updates: Added transform and transition properties to enable a smooth flip animation on hover.
Card Component Modifications: Structured the card to display both front and back content with CSS-based transitions.
Cross-Browser Testing: Ensured smooth transitions and compatibility across all supported devices and browsers.
How It Works
When a user hovers over a card, it automatically flips to show the back content.
The card remains flipped briefly, then reverts to the front when the user’s mouse leaves the card.
Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
fixes: #4701
This pull request implements an auto-flip feature on hover for cards across the following pages:
Previously, users might not realize that the cards on these pages were interactive and could be clicked to reveal additional content. Adding an auto-flip effect on hover makes this interactivity more intuitive and enhances the user experience.
Changes Made
How It Works
Kindly merge it with LEVEL 2 or 3 @abhi03ruchi
Made changes to 5 files...
VID-20241106-WA0002.mp4