Как оформить текст таким образом?

Question

[WebN00b]

Доброе утро ребят. Помогите с задачей. Нужно оформить текст таким образом :

Без понятия каким образом это сделать

Answer 1

[strelok011]

Есть несколько реализаций.
1 - css gradient для текст. Косяк - работает только в веб-кит браузерах. Пример тут https://cssgradient.io/blog/css-gradient-text/
2 - более сложные варианты, построенные на clip-path, но более железобетонные. Примеры можно посмотреть тут https://css-tricks.com/how-to-do-knockout-text/

Comments

[Рустам Байназаров]

WebN00b, strelok011, 100 лет в обед (c 2016 года) работает это и в Firefox, не только в Webkit:

Вообще, это работает в Chrome, Firefox, Safari, Opera и Edge. В пролете только Internet Explorer:



Можно смело использовать. А вообще, лучше через @supports сделать, как я в примере. Тогда в неподдерживаемых браузерах будет просто белого цвета текст.

Answer 2

[Brad9aga]

железобетонно, это ляпнуть картинку, только вот редактировать не смож

Comments

[WebN00b]

Походу да(