Решил попробовать делать небольшие графические заметки на тему вёрстки, надеюсь будет полезно :)

При использовании -webkit- префикса градиентный текст корректно работает в Chrome, Firefox, Opera, Edge, Safari, а также в мобильных браузерах

https://caniuse.com/background-clip-text
https://caniuse.com/mdn-css_properties_-webkit-text-fill-color

Также этот способ позволяет заливать текст изображением - напомню, что на эту тему уже писал статью, где можно чуть подробнее узнать о данной возможности - https://frontips.ru/zalivka-teksta-gradientom-ili-izobrazheniem/

Ссылка на изображение без сжатия - https://frontips.ru/notes/text-gradient.jpg

---

Друзья, если есть желающие обучаться HTML-вёрстке индивидуально (консультации, ревью и тд) на платной основе, напишите мне сюда - @frontips_feedback_bot, обсудим