“CSS светящийся текст” Ответ

CSS светящийся текст


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

Текстовый эффект свечения

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

JavaScript Glow

context.shadowBlur = 10;
context.shadowColor = "black";
Pandata

Ответы похожие на “CSS светящийся текст”

Вопросы похожие на “CSS светящийся текст”

Больше похожих ответов на “CSS светящийся текст” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования