Як зробити ефект вдавленого тексту на css3.

Всім привіт! Сьогодні я покажу простий приклад про те, як зробити втиснутий текст на чистому CSS3.

HTML розмітка досить проста.

 
lang="En"gt; 
 
charset="UTF-8"gt; 
втиснутий текст 
 
 
class="Wrapper"gt; 
 втиснутий текст

але і CSS код не складніше

body { 
 background:# 222- 
 color:# 131313- 
 font-size:200px- 
} 
 
.wrapper p { 
 text-align: center- 
 text-transform: uppercase- 
 text-shadow:3px3px5px# 2c2c2c- 
}

Вся суть в тому, щоб зробити колір тексту темніше, ніж фоновий, а колір тіні, навпаки, зробити світліше фонового кольору, і тоді ми отримаємо ефект вдавленого текст на CSS3.

Отже, спасибі за увагу і удачі!

Поділися в соціальних мережах:

Схожі