• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Гравированный текст с помощью на CSS (Эффект создание гравированного текста при помощи CSS)
Гравированный текст с помощью на CSS
Kosten
Дата: Суббота, 2019-05-04, 21:50 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25131
Награды: 57


Это готовое решение для гравированного текста, где создана тень для знаков, и главное не подключает изображение. А точнее, нам нужно создает эффект, когда текст выгравированным на заднем плане, что смотрится оригинально и безусловно отличается от стандартного описание.

Значение text-shadow: 0 2px #f7f0f0 создает смещение белой тени по 0px горизонтали и 2px вертикали от исходного положения. Здесь фон должен быть как можно темнее, чем сами тени, чтобы эффект корректно смотрелся.



HTML

Код
<p class="engraved_text_gesam">ZorNet - портал для вебмастера</p>

CSS

Код
.engraved_text_gesam {
    text-shadow: 0 2px #f7f0f0;
    font-size: 23px;
    font-weight: bold;
    color: #c3bbbb;
}

Цвет текста должен быть немного блеклым, чтобы он выглядел так, как будто он выгравирован или вырезан из фона.

Демонстрация
Прикрепления: 3429404.png(8.5 Kb) · text.zip(1.4 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Гравированный текст с помощью на CSS (Эффект создание гравированного текста при помощи CSS)
  • Страница 1 из 1
  • 1
Поиск: