Ещё пример Неонового свечения:
В качестве эффекта свечения типа неона, используются обычные тени. Просто мы подбираем цвет теми такой, который не серый, а наоборот яркий.
Как мы знаем, тени можно накладывать одну за другой через запятую и они будут следовать друг за другом в зависимости от указанного расстояния.
И каждую последующую тень мы можем выводить со своим изменяющимсчя цветом.
Команда вывода тени: text-shadow: 0 0 10px #ffffff
Расшифровка команды: text-shadow: сдвиг_по_X сдвиг_по_Y рассеивание_10px цвет_#ffffff - через запятую параметры повторяются и накладываются с увеличивающимся интервалом рассеивания.
Напишем такую тень как-то так: на первом месте у нас всегда стоит свойство background, не забываем спереди поставить цвет бэкграунда. Если цвет бэкграунда не указываем, тогда всё равно не забываем закрывать точкой с запятой первое свойство background;, которое всегда стоит там по умолчанию!!!
Да Нет Наверное
Добавим эффект анимации так: тут кроме параметров анимации, требуется применить отдельный стиль поведения. Имеем в виду, что для устаревших браузеров Опера, Мазила и прочих Web-Kit нужно отдельно для них повторять понятные им команды с префиксами (-webkit-animation, @-webkit-keyframes, -moz-animation, @-moz-keyframes и т.д.)
Да Нет Наверное
Последний раз редактировалось ErikPshat; 16.07.2019 в 07:38.
|