Я пытаюсь сделать так, чтобы анимация чата в 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 открывается по умолчанию с правой стороны, но мне нужно, чтобы он анимировался из слева, потому что я переместил свой пузырь на левую сторону.
Любая помощь приветствуется!