snipeer777
@snipeer777
Middle E-Commerce

Идеальный PopUp на html+css?

В поисках удобного и не загруженного PopUp окна на html+css.
Без Js
54e2f0166c1c424d8a79421f4ab4a246.png
Спасибо
  • Вопрос задан
  • 4137 просмотров
Решения вопроса 1
prolis
@prolis
Независимый разработчик BPM
С кнопкой "Закрыть": Пример
Если почистить анимацию, то будет нормально
А вообще, ответ выше без кнопки "Закрыть" вполне себе современный вариант дизайна модельного окна
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
gluck59
@gluck59
Виртуальный глюк
Идеальный popup — это его отсутствие.
Ответ написан
Geminic
@Geminic
А в чём тогда проблема?

.layout {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}

.layout__inner {
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% -50%);
	background: #fff;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы