Skip to content

feat: Added my own css gradient generator project#38

Merged
Tejas-Santosh-Nalawade merged 1 commit into
acesdit:mainfrom
Aerospace-prog:feature/css-gradient-generator-toast-notification
Oct 20, 2025
Merged

feat: Added my own css gradient generator project#38
Tejas-Santosh-Nalawade merged 1 commit into
acesdit:mainfrom
Aerospace-prog:feature/css-gradient-generator-toast-notification

Conversation

@Aerospace-prog

@Aerospace-prog Aerospace-prog commented Oct 19, 2025

Copy link
Copy Markdown
Contributor

This PR significantly upgrades the "Interactive CSS Gradient Generator" by implementing a modern UI, expanding gradient creation capabilities, and improving user feedback.

Key Changes:

  • Modern UI/UX: Applied a "cool and glossy" design to buttons, input fields, and the main container, with subtle animations for a polished look.
  • Expanded Gradient Features:
    • Added support for radial gradients.
    • Enabled multiple color stops for complex gradients.
    • Introduced a random gradient generator for quick inspiration.
  • Responsive Design: Ensured full responsiveness across various devices.
  • Animated Toast Notification: Replaced the alert() with a sleek, animated toast when CSS is copied.
  • Updated README.md: Documentation now reflects all new features and usage instructions.

How to Test:

  1. Open index.html in a browser.
  2. Experiment with linear/radial gradients, multiple color stops, and the random generator.
  3. Verify the animated "CSS Copied!" toast when copying CSS.
  4. Check responsiveness by resizing the browser window.

Contributor: Aerospace-prog

Closes: Close #28
@Tejas-Santosh-Nalawade

@Aerospace-prog

Copy link
Copy Markdown
Contributor Author

@Tejas-Santosh-Nalawade Kindly review it and add the necessary tags for hacktoberfest

@Tejas-Santosh-Nalawade Tejas-Santosh-Nalawade merged commit f0ea0d7 into acesdit:main Oct 20, 2025
@Aerospace-prog Aerospace-prog deleted the feature/css-gradient-generator-toast-notification branch October 20, 2025 06:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feat: Building a CSS - Gradient - Generator

2 participants