Как анимировать плагин для чата в Facebook с левой стороны - PullRequest
0 голосов
/ 16 апреля 2020

Я пытаюсь сделать так, чтобы анимация чата в Facebook выглядела правильно, когда пузырь перемещается влево с помощью этого кода:

.fb_dialog.fb_dialog_advanced {
    left: 18pt;
}

/* The following are for the chat box, on display and on hide */
iframe.fb_customer_chat_bounce_in_v2 {
    left: 9pt;
}
iframe.fb_customer_chat_bounce_out_v2 {
    left: 9pt;
}

Но проблема в том, что я не знаю, какой у меня класс использовать, чтобы заставить анимацию работать. В настоящее время я пытался так, ответ, который я нашел из здесь , но кажется, что классы устарели. Я пытался проверить классы Facebook, но это такой лабиринт:

@keyframes fb_bounce_in_v2 {
    0% {
        opacity: 0;
        transform: scale(0, 0);
        transform-origin: bottom left;
    }

    50% {
        transform: scale(1.03, 1.03);
        transform-origin: bottom left;
    }

    100% {
        opacity: 1;
        transform: scale(1, 1);
        transform-origin: bottom left;
    }
}

@keyframes fb_bounce_out_v2 {
    0% {
        opacity: 1;
        transform: scale(1, 1);
        transform-origin: bottom left;
    }

    100% {
        opacity: 0;
        transform: scale(0, 0);
        transform-origin: bottom left;
    }
}

У меня нет ошибок, но анимация чата Facebook открывается по умолчанию с правой стороны, но мне нужно, чтобы он анимировался из слева, потому что я переместил свой пузырь на левую сторону.

Любая помощь приветствуется!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...