Как реализовать всплывающее окно как в ВК?

Question

[TRNER]

Здравствуйте. Интересно, как можно реализовать всплывающее окошко так же, как ВК реализовало это в разделе уведомлений на новом дизайне. Идей совсем нет, может подскажите?(Если вдруг не понятно о чем речь)

Comments

[Сергей Горячев]

А что там сложного?
Кнопка.
Блок с абсолютным позиционированием.
Треугольничек через псевдоэлемент.

Answer 1

[Сергей Горячев]

https://jsfiddle.net/9kzv7xx4/

Answer 2

[Виталий]

Вложите в DIV еще один DIV , у дочернего поставьте position: absolute , и отпозиционируйте по низу.
Предварительно прописав ему display: none;
И потом
div:hover div{display: block;}
... и будет вам всплывать при наведении
Надо, чтобы по клику вплывало - используйте JS