ZorNet.Ru — сайт для вебмастера » HTML и CSS » Красивый эффект огня для текста на CSS

Красивый эффект огня для текста на CSS

Красивый эффект огня для текста на CSS
Здесь вы можете слова обернуть в красивый эффект теней, что на темном фоне ярко смотрится, и где можно подобрать любую гамму цвета. Так что вот забавный и небольшой фрагмент CSS, который позволяет вам создавать текст, который выглядит оригинально и в яркой стилистике. Это достигается с помощью текстовой тени и представляет собой супер легкий эффект для добавления в любой из ваших проектов. Где можно прописать как заголовок, так как идет увеличение и уменьшение шрифта, но если логотип на емном фоне, то аналогично попробовать можно, но уже под свой дизайн.

Под темный шрифт.



HTML

Код
<div id="nilam">ZORNET.RU</div>

CSS

Это легкая часть. Теперь для CSS. Вот то, что должен выглядеть ваш стиль, чтобы добиться прохладного эффекта огня.

Код
#nilam {
  color: #e8dfdf;
  text-shadow: 0px -2px 4px #f3eeee, 0px -2px 10px #7f8007, 0px -10px 20px #b98435, 0px -20px 40px #80380d;
  font-size: 100px;
}

Также можете посмотреть демонстрацию.
04 Февраля 2018 Просмотров: 3572 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar