Как сделать так, что бы по нажатию по кнопке открывалась мини окно?

Question

[Sanzhar Bazarbek]

Мне нужно сделать эту кнопку, что бы по нажатию открывалась такое мини-окно
Что мне нужно написать что бы это срабатывало?
Похожая штука на сайте: https://p-food.ru

Comments

[Rustam Bainazarov]

Так у вас же код перед лицом на том сайте.

[Sanzhar Bazarbek]

Рустам Байназаров, я понимаю - но не получилось взять ;)
хз что не так я делаю, но может вы объясните :)))

Answer 1

[Sergo Zar]

вот так,если без js

Comments

[Sanzhar Bazarbek]

ок, а как это анимировать? что бы плавно открылось?

[vada]

Sanzhar Bazarbek, самый просто вариант: transition

[Sanzhar Bazarbek]

vada, не получится)

[Sergo Zar]

Sanzhar Bazarbek, как и обычные элементы. Например:

@keyframes anim{
 0% {transform: scale(0);opacity:0;}
 100%{transform: scale(100%); opacity:1;}
}

P.s. я сейчас не могу проверить работоспособность кода