» » Неоновая надпись css

Неоновая надпись css

Уважаемые читатели блога. Поздравляю Вас с приближающимся Новым годом. Сегодняшняя статья — последняя в 2020 году. 
Хочу пожелать Вам крепкого здоровья! Удачи во всех начинаниях! Отличного настроения и необъятного счастья!
Спасибо, что весь год были со мной!
Отличного настроения
Сегодняшняя статья будет короткой, что бы не отвлекать вас от праздников. 
Предлагаю посмотреть оформление любого текста-поздравления или объявления для блога.
Код увидела на сайте https://atuin.ru

Красивый текст

Красивый текст
Код оформления:
<div class="sign-wrap-3">
    <span class="sign_word">Поздравляю с Новым годом!</span>
</div>
<style>
.sign-wrap-3 {
    background: #f9f1e5;
    text-align: center;
    padding: 60px 20px;
}
.sign-wrap-3 .sign_word {
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    animation: neon-3 5s steps(1, start) infinite reverse;
}
@keyframes neon-3 {
    0%{
        color: #0b3960;
        text-shadow: 0 0 7px #0b3960, 0 0 8px #0b3960;
    }
    80%{
        color: #fff;
        text-shadow: 0 0 6px #fff,0 0 10px #fff,0 0 50px #79a7fc;
    }
    81%{
        color: #E1F5FE;
        text-shadow: 0 0 6px #fff,0 0 10px #fff,0 0 50px #79a7fc;
    }
    82%{color: #0b3960;
        text-shadow: 0 0 7px #0b3960, 0 0 8px #0b3960;
    }
    83%{
        color: #E1F5FE;
        text-shadow: 0 0 6px #fff,0 0 10px #fff,0 0 50px #79a7fc;
    }
    84%{
        color: #0b3960;
        text-shadow: 0 0 7px #0b3960, 0 0 8px #0b3960;
    }
    85%{
        color: #E1F5FE;
        text-shadow: 0 0 6px #fff,0 0 10px #fff,0 0 50px #79a7fc;
    }
    100%{
        color: #0b3960;
        text-shadow: 0 0 7px #0b3960,0 0 8px #0b3960;
    }
}</style>
В коде можно поменять цвет фона или убрать его совсем — выделила красным. Синим выделила текст, поменяйте на свой.
Размер шрифта — зелёным. 
Так же можно поменять по своему вкусу цвет текста. 
С Новым годом!

Ваши комментарии:

Комментарии со спамом удаляются.