Проблемы с модульным окном, мерцание как убрать?

Question

[Вадим Ягофаров]

Поставил модульное окно простое без использования js, на голом html и css. И при нажатии на кнопку окно появляется но не корректно и оно жутко мерцает при наведении на него. Не могу понят из за чего. и такая же проблема, когда взял готовое окно из интернета. Подскажите в чем проблема?

kuptso4c.beget.tech/pay-chester#openModal

Comments

[Kovalsky]

Все просто - достаточно взять любую самую простую модалку на JS вместо этих бесполезных "only CSS" приблуд и всё будет норм, я гарантирую это.

И кстати почему файлик со стилями для модалки закомментирован?

Answer 1

[IIIu6ko]

Это из-за того, что при hover'e на .pay-block-packet у Вас стоит transform: scale(1.1);
Уберите его и всё нормально станет.

Если хотите scale сохранить, то вынесете блок с модальным окном из блока .pay-block-packet

Comments

[Вадим Ягофаров]

не помогло(

[IIIu6ko]

Вадим Ягофаров, Выложите код на codepen.io

[Вадим Ягофаров]

IIIu6ko, https://codepen.io/vadim542525/pen/xYqmGg

[IIIu6ko]

Вадим Ягофаров, Нужно комментировать оба свойства

/*-webkit-transform: scale(1.1);*/
/*transform: scale(1.1);*/

https://codepen.io/anon/pen/VQpqmQ

[Вадим Ягофаров]

Спасибо@IIIu6ko,