Наша группа в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Объемный текст с помощью CSS

Для создания эффекта объемного текста воспользуемся свойством text-shadow, которому можно задать два набора значений.

Первым набором создадим тень под текстом, вторым - светлый блик над текстом:

Вариант объемного текста

Исходный код этого примера:
<style>
.volume-text {
    font: bold 50px Arial, sans-serif;
    color: #089dcb;;
    text-shadow: 2px 2px 1px #333, -1px -1px 0 #0ff;
}
</style>

<p class="volume-text">Вариант объемного текста</p>


.