Skip to content

Glowing text can be achieved using CSS (Cascading Style Sheets) with the help of the "text-shadow" property. By setting the background color of the element to be transparent and the text-shadow to a color and offset, can create the impression of floating text.

Notifications You must be signed in to change notification settings

TalhaT298/Glowing-Text

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

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

About

Glowing text can be achieved using CSS (Cascading Style Sheets) with the help of the "text-shadow" property. By setting the background color of the element to be transparent and the text-shadow to a color and offset, can create the impression of floating text.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published