При разработке логотипа сайта понадобилось сделать логотип сайта в виде надписи (см. в левом верхнем углу названия). Для этого надо было сделать длинную тень. Результат вы видите на картинке. Картинка кликабельна для увеличения. Для начала поясним, что такое длинная тень. Точнее остановимся на основных признаках. Особенности длинных теней. Можно отметить две основные особенности длинных теней: каждый объект дизайна должен иметь плоскую двухмерную тень, которая в 2,5 раза больше диагонали объекта; тень должна отбрасываться под углом 45 градусов. Цвет тени может быть разным в зависимости от цвета фона, и даже постепенно угасать по мере удаления от объекта. В целях улучшения тени может быть сделано что угодно, и это Вам решать, каким будет конечный результат. В живую такие тени можно наблюдать, когда на предмет падает яркий свет под определенным углом, находящийся на малом расстояние от поверхности предмета. Подобным образом довольно часто пользуются фотографы, придавая своим фото необходимую атмосферу. Пример живой длинной тени виден на фотке с яблоком. Вы легко поймете где находится источник света.
В основном для создания таких теней используют Фотошоп. Ну, а если надо сделать меняющуюся надпись на сайте? Вот тут и нужен генератор css-стилей.
Генератор
В результате поисков в сети приемлемого варианта из найденных исходников (автора установить не удалось) после доделок, получилось то, что можно посмотреть, нажав кнопку "Генератор". Можно экспериментировать с настройками получить весьма не плохие эффекты. Ну и удобно, в конце-концов - генератор всегда под рукой.