Как создать вдавленный текст?



Эффект вдавленного текста — один из самых популярных на веб-сайтах со скевоморфным дизайном. Этот эффект лучше всего работает на умеренно светлом фоне с темным текстом. ⬇️



☑️ Вдавленный текст очень часто используется с применением свойства text-shadow. Тень немного смещается по оси Y для создания эффекта небольшого углубления.



Вот вам готовый код для светлого фона ⤵️



text-shadow: 2px 2px 2px rgba(255,255,255,0.3);

background-color: #b9b9b9;

background-clip: text;

color: transparent;

font-family: 'M PLUS 1p', sans-serif;



#обучение #css