Испытание 9/26, возможен ли лучший путь решения?

Тени для каждой буквы отличаются только смещениями. Но нам все равно надо прописывать их каждому спану, естественно, все десять. Очевидна неоптимальность решения при количестве спанов 2+. Возможно ли как-то добавлять в css только смещения теней?

На CSS я не нашел варианта ответа. Но программируя это, я бы сделал так:

  1. Задал бы 2 переменные, где храню знак смещений в виде -1/0/1, для х.
  2. Для отрисовки теней вызывал бы функцию: shadow(1) для первой буквы, shadow(0) для средней и shadow(-1) для последней. Функция shadow() умножала бы смещение теней по X, заданное в одном(!) span, на аргумент, и подставляла бы к спану, для которого мы отрисовываем тени.

Можно ли реализовать что-то подобное на чистом CSS?

Генерацию направлений теней можно выполнить посредством организации цикла в LESS. Так может работать и для 3+ символов, и даже если задание предусматривало бы разные смещения теней для разных символов.