Как сделать анимацию текста?

Question

[Anto]

Доброго времени суток!

Не могу найти нигде как сделать анимацию текста так чтобы он начинал появляться с центра слова/предложения и уходил в село и право, помогите

Например есть: Тут должен быть текст
И при старте сайта через какйо то промежуто к времени слово начинает появляться: (суда) ен бы (суда)

Comments

[szQocks]

Как вариант :|
Без префиксов.

https://jsfiddle.net/kubz4x7n/

[Anto]

szQocks, да но можете подсказать как сделать без background так как там фон разноцветны иразъезжающиеся полоски белого цвета не подходят

[szQocks]

ANTO, блоку задаешь белый фон , и так как полоски тоже получаются белые , и так как блок скрывает всё что выходит за его пределы, не вижу проблем с этими белыми полосками

[Anto]

szQocks, мне то фон нужен не белый

[szQocks]

ANTO, покажи где должен находиться этот текст , картинку сделай и покажи я придумаю что-нибудь мб

[Anto]

szQocks, уже помогли спасибо

[szQocks]

ANTO, вижу в ответах реализацию через ширину, нормально

Answer 1

[SANTA2112]

https://jsfiddle.net/dfkco3sj/

Comments

[Anto]

то что нужно, а подскажите можно сделать так что бы с задержкой по времени появлялось? Мне просто нужно что бы отобразился текст после загрузки часов

[SANTA2112]

ANTO, https://jsfiddle.net/hzqgmuod/

[SANTA2112]

ANTO, В стилях есть .wrapper, у него есть свойство animation, первый параметр времени отвечает за длительность анимации, второй за задержку

[Anto]

SANTA2112, Cпасибо

[SANTA2112]

ANTO, https://jsfiddle.net/o4h87zL9/ можешь так сделать

[Anto]

SANTA2112, по клику на кнопку не нужно но на будущее может пригодится Спасибо большое

Answer 2

[valgerofficial]

Вот так?

Comments

[Anto]

НЕт так https://jsfiddle.net/8wc5drbu/ но тут background разезжается но немного не то, может подсказать как поправить или похожее. background не подходит так как текст находится на разноцветном фоне