Тени для каждой буквы отличаются только смещениями. Но нам все равно надо прописывать их каждому спану, естественно, все десять. Очевидна неоптимальность решения при количестве спанов 2+. Возможно ли как-то добавлять в css только смещения теней?
На CSS я не нашел варианта ответа. Но программируя это, я бы сделал так:
- Задал бы 2 переменные, где храню знак смещений в виде -1/0/1, для х.
- Для отрисовки теней вызывал бы функцию: shadow(1) для первой буквы, shadow(0) для средней и shadow(-1) для последней. Функция shadow() умножала бы смещение теней по X, заданное в одном(!) span, на аргумент, и подставляла бы к спану, для которого мы отрисовываем тени.
Можно ли реализовать что-то подобное на чистом CSS?