Задать вопрос
@JTester

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

Будет такой массив
['text1', 'text2', 'text3']
Хочу сделать анимацию как на видео. То есть, первый текст начинается справа, когда он заежает, выежает текст2, когда он снова заежает, выежает текст3 и т.д. Помогите пожалуйста
Ссылка на видео: тык
  • Вопрос задан
  • 208 просмотров
Подписаться 1 Простой 2 комментария
Решения вопроса 1
sharp97
@sharp97
не фонтан но брызги есть
Накидал примерно, суть я думаю понятна
https://codepen.io/sharpprahs/pen/MWBodda
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@alexalexes
63c28d38a84cb120374748.png
Делаете два боковых контейнера (красные), чтобы были примерно по свойствам такие:
position: absolute;
width: 49%; /*ширина должна быть меньше 50%, но больше половины ширины основной колонки (синяя)*/
left: 0; /*right: 0; - для правого контейнера*/
overflow: hidden; /* чтобы текст не вылезал из бокового контейнера с другой стороны основной колонки */
z-index: 1; /*у основной колонки (синяя) z-index должен быть больше, или текущее свойство меньше*/

Теперь в эти контейнеры можете положить текст, обернутый в контейнер (абзац или div). Этими текстовыми контейнерами можно управлять теперь через css свойство transition left/right. Если возможностей css для анимации недостаточно, то привлекаете js для полного анимирования или только для переключения состояния анимации или для ее перезапуска.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы