Как создать неоновый текст?



При правильном использовании, неоновое свечение добавляет приятные футуристические нотки дизайну сайта, при этом магию неоновых вывесок можно воссоздать с помощью CSS. ⬇️



☑️ Что полезно в text-shadow, так это то, что мы можем применить к нему несколько теней, просто разделив их запятыми.



Ниже вы найдете готовый CSS код для создания неонового текста: ⤵️



body {

background-color: #000;

}

h1 {

font-size: 100px;

color: #fff;

text-transform: uppercase;

font-family: sans-serif;

text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 40px #b303f8, 0 0 80px #b303f8, 0 0 90px #b303f8, 0 0 100px #b303f8, 0 0 150px #b303f8;

text-align: center;

}




@code_ready | #обучение #css