Главная страница

ОЧЕНЬ красивое модальное окно на CSS за 1 минуту











Информация о видео ОЧЕНЬ красивое модальное окно на CSS за 1 минуту


Название :  ОЧЕНЬ красивое модальное окно на CSS за 1 минуту
Продолжительность :   312
Пользователь :  MyNekis
Дата публикации :   2016-08-15
Просмотры :   4,904
Понравилось :   99
Не понравилось :   12


Кадры из видео ОЧЕНЬ красивое модальное окно на CSS за 1 минуту


Тинькофф [CPL] RU




Описание к видео ОЧЕНЬ красивое модальное окно на CSS за 1 минуту

Создание красивого модального всплывающего окна на CSS. Всего лишь несколько строк.
Красивое открытие изображения.

Код стилей css:
img[tabindex="0"] {
cursor: zoom-in;
}
img[tabindex="0"]:focus {
position: fixed;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
max-width: 93%;
max-height: 93%;
margin: auto;
box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(59,59,59,.4);
}
img[tabindex="0"]:focus,
img[tabindex="0"]:focus ~ * {
pointer-events: none;
}


Комментарии к видео ОЧЕНЬ красивое модальное окно на CSS за 1 минуту


Нет комментариев для этого видео

Похожие на ОЧЕНЬ красивое модальное окно на CSS за 1 минуту видео



Яндекс.Метрика