Вы здесь
Главная > Мой блог > WEB-разработка > Модальные окна на CSS3

Модальные окна на CSS3

Сделаем модальное всплывающее окно на CSS3. Обычно для получения такого эффекта используется jQuery. Но CSS3 имеет все необходимые инструменты для реализации такого функционала. В демонстрации подготовлена одна страница с двумя всплывающими окнами: форма регистрации и форма входа.

demosourse

 

Разметка HTML

Структура разметки достаточно проста. Имеется одна панель с кнопками и два всплывающих элемента. Каждый содержит перекрывающий слой в элементе div и некоторое содержание с кнопкой для закрытия окна.

CSS

А вот и стили для формирования модальных окон:

Готово! Источник: ruseller.com

Добавить комментарий

Top