Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

grafit_off

  • 0
    вклад
  • 1
    вопрос
  • 4
    ответа
  • 0%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как правильно прикрутить анимацию в файле JSON на сайт?

    sagrana
    Sagrana @sagrana
    Вёрстка и немного кодинга)
    Подключаете https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5...
    Потом в js:
    var animationData = /* содержимое json файла */;
    var container = document.getElementById('elementID');
    var params = {
        container: container,
        renderer: 'svg',
        loop: 3,
        autoplay: false,
        animationData: animationData
    };
    
    var anim;
    anim = bodymovin.loadAnimation(params);


    А потом вешаете отслеживание появления этого elementID во вьюпорте и просто anim.play(); и anim.stop();
    Ответ написан более года назад
    5 комментариев
    5 комментариев
  • Где найти сложные макеты для верстки?

    Symphony
    Azim Kurt @Symphony Куратор тега CSS
    Где найти сложные макеты для верстки?

    Макеты начинающих дизайнеров посмотрите
    Ответ написан более трёх лет назад
    4 комментария
    4 комментария
Оценили как «Нравится»
Самые активные сегодня
  • Drno
    • 18 ответов
    • 0 вопросов
  • vabka
    Василий Банников
    • 6 ответов
    • 0 вопросов
  • dimonchik2013
    Dimonchik
    • 6 ответов
    • 0 вопросов
  • Инна Фещук
    • 5 ответов
    • 0 вопросов
  • mayton2019
    • 5 ответов
    • 0 вопросов
  • trapwalker
    Сергей Паньков
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации