Search
 
SCRIPT & CODE EXAMPLE
 

CSS

css glow text


.glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
</style>
 

use/call the class
<h1 class="glow">GLOWING TEXT</h1>
Comment

text glow effect

.text-glow {
  text-shadow: 0 0 80px rgb(192 219 255 / 75%), 0 0 32px rgb(65 120 255 / 24%);
}
Comment

PREVIOUS NEXT
Code Example
Css :: how to remove horizontal scrolling 
Css :: css all except last 
Css :: mat slider custom color 
Css :: padding top ratio 
Css :: online minifier api 
Css :: animation-direction property 
Css :: how to lighten a color in css 
Css :: how to outline text in css 
Css :: bash access array indirectly 
Css :: unclickable button 
Css :: how to make the list in css with square 
Css :: font semi bold css 
Css :: border color gradient tailwind 
Css :: css first of type 
Css :: css jagged edges 
Css :: css svg width 100% 
Css :: crop img css 
Css :: wpdb insert query 
Css :: css background color over image 
Css :: underline css still there after text-decoration: none 
Css :: remove bullets from unordered list in css 
Css :: html glow on hover 
Css :: michigan score 
Css :: max z-index value css 
Css :: css blur gradient 
Css :: kerning css 
Css :: background repeat 
Css :: hover media query 
Css :: install expo vector icons 
Css :: background blend mode 
ADD CONTENT
Topic
Content
Source link
Name
6+1 =