Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added hover effect and random color change to button #8082

Closed
wants to merge 1 commit into from

Conversation

laiba-Ashfaq
Copy link

Problem
Inconsistent UI behavior on hover for button elements, leading to user confusion.

Solution
Added a hover effect and a random color change on button click to enhance user interactivity and provide visual feedback.

Changes Proposed

  1. Implemented transform: scale(1.1) on hover for the button to provide a consistent scaling effect.
  2. Added a random color change functionality using JavaScript on button click.
  3. Improved CSS structure for better readability and maintenance.
    Other Changes
    Refactored existing CSS to enhance clarity and organization.
    Updated JavaScript logic to ensure efficient event handling.
    Screenshot 2024-10-28 014018

@laiba-Ashfaq laiba-Ashfaq deleted the hover-effect branch October 29, 2024 15:27
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