Press "Enter" to skip to content

Glowing Text Effect Using Cascading Style Sheets In Pure CSS

The Glowing Text Effect project aims to create a “glowingtexteffect” using cascading style sheets and hypertext markup language.

glowing textcss, glowing text css, glowing text animation css, text glow effect, neon text animation, circle glow animation css

How to make use of it:

h1 {
  color:#fff;
  text-shadow: 0 0 4px #fff,
  0 0 30px rgb(132, 0, 255),
  0 0 40px rgb(132, 0, 255),
  0 0 50px rgb(132, 0, 255);
}

.p1 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 4px rgb(255, 255, 255),
  0 0 30px rgb(132, 0, 255);
  letter-spacing: 2px;
  margin-left: 20px;
}

.p2 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 4px rgb(255, 255, 255),
  0 0 30px rgb(21, 255, 0);
  margin-left: 20px;
  letter-spacing: 2px;
}

.p3 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 4px rgb(255, 255, 255),
  0 0 30px rgb(0, 255, 221);
  margin-left: 20px;
  letter-spacing: 2px;
}

.p4 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 4px rgb(255, 255, 255),
  0 0 30px rgb(255, 0, 234);
  margin-left: 20px;
  letter-spacing: 2px;
}

.p5 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 4px rgb(255, 255, 255),
  0 0 30px rgb(255, 0, 234);
  margin-left: 20px;
  letter-spacing: 2px;
}

Glowing Text Effect Plugin/Github


See Demo And Download

Official Website(Neel-Kr): Click Here

This superior jQuery/javascript plugin is developed by Neel-Kr. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.