Анимированный текст с градиентом. Как сделать кроссбраузерно и кроссплатформенно?

Question

[dm]

Возможно ли сделать анимированный текст с градиентом кроссбраузерно и кроссплатформенно?

Сейчас это флеш, из-за чего сайт грузится медленней и работает не на всех устройствах.

Есть ли способы? CSS, JS, JQ?

Answer 1

[Андрей]

Нужен именно текст? Если текст, то не 100% копию, но аналог кроссбраузерно можно сделать на JQ, но это долго.
Можно перегнать ваш флеш в gif - это быстро, но размер увеличиться.

Вы пишите что медленно грузится, но лого весит всего 23 кб, статическое лого обычно весит так же, не вижу проблемы.

Сначала решите какую проблему вы хотите решить и нужно ли вообще анимированное лого? Подобная анимация устарела лет 5 как уже. Ставьте статическое лого и нет проблемы - быстро, дешево, современно!

Comments

[dm]

Грузится ли медленно он на самом деле, не знаю. Это с чужих слов. Для себя стало интересно, возможно или нет такое сделать на html/css. GIF же будет на всех устройствах корректно отображаться? Значит это решение проблемы с кроссплатформенностью. А как перегнать флеш в GIF?

[Андрей]

ГИФ кроссплатформенно, но вес вырастет раз в 10-100! Берете исходник лого, открываете adobe flash или другом редакторе и делаете экспорт в gif.

Еще вариант: для десктопа - ваш флеш, для мобильных - статическая картинка, смотрите

[Юрий Гринёв]

dm: у меня сайт грузится около минуты. И дело не во флеше, ибо стоит флешблок.

[Андрей]

у меня около 2 сек. Если нужно ускорить, смотрим рекомендации гугла https://developers.google.com/speed/pagespeed/insi...