Glowing Text is a simple and visually appealing project that creates an interactive glowing effect on letters when clicked. Built with HTML and CSS, it uses animations and shadows to create a vibrant, neon-like glow.
- Interactive Glow: Click on a letter to activate the glowing effect.
- Customizable Animation: Smooth transitions and a dynamic hue-rotate effect.
- Minimalist Design: Clean and simple interface with a dark background.
A glowing text animation with toggling effect on user interaction.
- HTML5 for structure.
- CSS3 for styling, animations, and hover effects.
- Google Fonts:
Poppins
for typography.
-
Checkbox Interaction:
Each letter is paired with a hidden checkbox. Clicking toggles the glowing effect. -
CSS Animations:
The glowing effect usestext-shadow
and@keyframes
to create a smooth, animated glow. -
Responsive Styling:
Letters are styled with flexbox for perfect alignment and spacing.
- Clone the repository and open
index.html
in your browser:git clone https://github.com/your-username/glowing-text.git cd glowing-text