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 transform animation to the hacktoberfest button and changed the… #272

Merged
merged 1 commit into from
May 30, 2023

Conversation

Soumya2022
Copy link
Contributor

… color of the text.

Related Issue #262

  • Mention issue for which this pull request is a part of (please mention issue number # )

Proposed Changes

  • Change 1
    Added a transform animation to the Hacktoberfest button when we hover over it.
  • Change 2
  • Changed the color of the text to increase its visibility.

Additional Info

  • Any additional information or context

Checklist

  • My code follows the code style of this project.
  • 📝 My change requires a change to the documentation.
  • 🎀 I have updated the documentation accordingly.
  • [x]🌟 ed the repo
  • Bug fix (non-breaking change which fixes an issue)
  • [ ]New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

When the button is being hovered over, the selector applies. We use the transform property to translate the button vertically by -5px, which moves it 5 pixels upward. This creates the floating or bouncing effect.

The change is done to make the website interactive.

Output Screenshots

Screenshot #1 Screenshot #2
Title goes here Title goes here
Image goes here Image goes here

@netlify
Copy link

netlify bot commented May 28, 2023

Deploy Preview for codesetgo ready!

Name Link
🔨 Latest commit d972c25
🔍 Latest deploy log https://app.netlify.com/sites/codesetgo/deploys/64731d4336e904000851d268
😎 Deploy Preview https://deploy-preview-272--codesetgo.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants