Skip to content

Latest commit

 

History

History
52 lines (32 loc) · 1.4 KB

README.md

File metadata and controls

52 lines (32 loc) · 1.4 KB
Raw

Glowing Text Effect

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.

Features

  • 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.

Demo

Preview

A glowing text animation with toggling effect on user interaction.

Technologies Used

  • HTML5 for structure.
  • CSS3 for styling, animations, and hover effects.
  • Google Fonts: Poppins for typography.

How It Works

  1. Checkbox Interaction:
    Each letter is paired with a hidden checkbox. Clicking toggles the glowing effect.

  2. CSS Animations:
    The glowing effect uses text-shadow and @keyframes to create a smooth, animated glow.

  3. Responsive Styling:
    Letters are styled with flexbox for perfect alignment and spacing.

Usage

  1. Clone the repository and open index.html in your browser: 
    git clone https://github.com/your-username/glowing-text.git
cd glowing-text

https://ornate-monstera-17907d.netlify.app/

My Image