/
alesu1543
/
practPython
Обзор
Документация
Войти
/
alesu1543
/
practPython
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
style/modal.css
74 строки
1 KB
Alexey Subbotin
new
31 июл 2022, 15:58
Не верифицирован
31 июл 2022, 15:58
c0da1b7
Код
Авторство
О чём код?
/* Стили для подложки */ .overlay { /* Скрываем подложку */ opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 20; transition: .3s all; } /* Стили для модальных окон */ .modal { /* Скрываем окна */ opacity: 0; visibility: hidden; /* Установаем ширину окна */ width: 100%; max-width: 500px; /* Центрируем и задаем z-index */ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 30; /* Должен быть выше чем у подложки*/ /* Побочные стили */ box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); text-align: center; padding: 30px; border-radius: 3px; background-color: #fff; transition: 0.3s all; } /* Стили для активных классов подложки и окна */ .modal.active, .overlay.active{ opacity: 1; visibility: visible; } /* Стили для кнопки закрытия */ .modal__cross { width: 15px; height: 15px; position: absolute; top: 20px; right: 20px; fill: #444; cursor: pointer; } a { display: inline-block; text-decoration: none; }