Added uniform hover effect in topdeals.html #1616
Closed
Conversation
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
|
Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
✅ Deploy Preview for taupe-cendol-f7e2bb ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
@apu52 can you please review this? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Title and Issue number
Title: Consistent New Hover Effect on "Book Now" Buttons
Issue No. : Fixes #1611
Code Stack : html, css
Close #1611
Description
The "Book Now" button has a smooth 3D flip hover effect:
Initial State: The button is styled with a bold red background (#ff5a5f) and white text, with padding and rounded corners.
Hover Effect: On hover, a secondary color layer (#ff787d or #ffa3a6) flips up from below, replacing the original text with a new label.
Smooth Transition: The flip effect is achieved with a rotation animation, giving a dynamic yet subtle 3D appearance that draws attention without being distracting.
Video/Screenshots (mandatory)
Recording.2024-11-03.122015.mp4
Type of PR
Checklist:
contributing.mdfile before contributingAdditional context:
##Are you contributing under any Open-source programme?
GSSOC'24 ExtendedHacktoberfest'24