✅ Как сделать мультяшный текст?
Для данного текстового эффекта достаточно добавить CSS свойство text-shadow, а также использовать мультяшный шрифт "Luckiest Guy".
Мы делимся готовым кодом ниже для создания интересного эффекта текста: ⤵️
Для данного текстового эффекта достаточно добавить CSS свойство text-shadow, а также использовать мультяшный шрифт "Luckiest Guy".
Мы делимся готовым кодом ниже для создания интересного эффекта текста: ⤵️
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
h1 {
font-size: 140px;
font-family: 'Luckiest Guy';
color: #fff;
-webkit-font-smoothing: antialiased;
text-shadow: 0px -6px 0 #212121, 0px -6px 0 #212121, 0px 6px 0 #212121, 0px 6px 0 #212121, -6px 0px 0 #212121, 6px 0px 0 #212121, -6px 0px 0 #212121, 6px 0px 0 #212121, -6px -6px 0 #212121, 6px -6px 0 #212121, -6px 6px 0 #212121, 6px 6px 0 #212121, -6px 18px 0 #212121, 0px 18px 0 #212121, 6px 18px 0 #212121, 0 19px 1px rgba(0,0,0,.1), 0 0 6px rgba(0,0,0,.1), 0 6px 3px rgba(0,0,0,.3), 0 12px 6px rgba(0,0,0,.2), 0 18px 18px rgba(0,0,0,.25), 0 24px 24px rgba(0,0,0,.2), 0 36px 36px rgba(0,0,0,.15);
}
#практика #css