Home Інтернет

Інтернет

Модальне вікно на CSS3 (варіант №2)

0
Доброго дня всім! Сьогодні буде не повноцінний урок, а всього лише невелика демонстрація, ще одного варіанту спливаючого модального вікна, реалізованого виключно засобами CSS3, без javascript і додаткових зображень у формуванні стилів. За основу взято перший варіант: «Модальні спливаючі вікна з допомогою CSS3 без Javascript», перевірений і став досить популярним серед користувачів, які читають мій блог. У другому варіанті, особливо нового ви нічого не побачите, як міг, намагався спростити всю конструкцію (html, css), додав зовсім трішки елементів анімації при появі вікна, трохи видозмінив кнопку закриття і ще пару-трійку несуттєвих дрібниць.Щоб вам легше було розібратися що до чого і навіщо, залишив всі вихідні коди і живий приклад роботи віконця в онлайн-редакторі, так що сміливо можете поекспериментувати з параметрами «не відходячи від каси» ))).Для тих же, хто віддає перевагу дивитися живий приклад роботи модального віконця на окремій сторінці, спеціально таку сторінку заклав.