На картинке выше (
полный размер) представлен текст из макета. Как стилизовать это чуда дизайнерской мысли?
В фотошопе текст реализован в виде трех текстовых слоев, наложенных друг на друга.
Верхний слой это прозрачный текст с серой полупрозрачной обводкой.
Средний слой это голубой текст, чуть смещенный относительно верхнего и с 30% прозрачностью.
Нижний слой это текст с наложенным узором и прозрачностью в 35%.
С помощью теней получилось добиться такого результата:
codepen.io/anon/pen/PPzJEJ
Для текстуры пробовал способ с
-webkit-background-clip: text;, но из-за свойства text-shadow метод не работает.
Так же пробовал несколько методов на SVG, но сходу реализовать не получилось, сейчас подробнее разбираю методы с SVG.
Каким способом можно так стилизовать текст?
Средний
