Здравствуйте всем. Посмотрел тут на днях внимательно статистику блога и обнаружил, что больший интерес у наших интернет-трудящихся вызывают уроки и примеры по созданию модальных окон. Самыми популярными оказались решения реализации всплывающих окон без использования javascript, исключительно на чистом CSS3.
За время работы у меня накопилось немало интересных решений, которые в разное время я детально расписал в развернутых статьях на страницах своего блога, но многие из этих уроков со временем ушли на задний план. Читателям блога иной раз сложно сориентироваться и большая часть работоспособных методов создания эффектных модальных окон и всплывающих форм просто остаются незамеченными.
Поэтому, учитывая интерес пользователей к данному вопросу, решил объединить все уроки и примеры по данной теме и вывести в отдельной статье коллекцию модальных окон и форм. Получился небольшой обзор с кратким описанием, ссылками на примеры и статьи. Так что смотрите, изучайте и если кому-то, какое-либо из решений придётся по душе, смело забирайте исходники, и творите, творите, творите...

На сайте есть несколько вариантов, например:

1. Модальные окна с помощью CSS3 без Javascript

2. Модальное окно с помощью CSS и jQuery

3. Адаптивное модальное окно строго по центру

4. Модальное окно на HTML5, CSS3 и скрытых чекбоксах

5. Модальный блок видео на CSS3

6. Ротатор контента в модальном окне

7. Интеграция контактной формы в модальное окно

8. Модальная форма контактов на CSS3

9. Lightbox Эффект на CSS3

10. Всплывающая контактная форма для сайта

11. Всплывающее окно при загрузке сайта с помощью CSS3 и немного javascript

Мне, для поздравления посетительниц сайта  с 8 марта, подошёл одинадцатый вариант. Конечно пришлось сильно переделать и вникнуть в характеристика цвета.