ПредишенСледващото

На товари, изскачащи прозорци, използвайки CSS3 без JavaScript

Въз основа на развитието на някои уважаван burzhuinov, те са в това отношение момчета хитър, получени добри резултати по отношение на създаването на модалните прозорци с помощта на CSS3. Проблемът на първо място е да се постигне по-голяма или по-малко стабилни krosbrauzernosti крайния резултат, и разбира се, с минимални загуби, намаляване на общия размер на код в HTML и CSS, за да направят живота по-лесен за дълготърпение работниците на строителна площадка.
Какво ще се случи в края на краищата, аз имам в това отношение до момента, ние сме с теб, и с нетърпение, и в същото време, и да научат как да се направи изскачащи прозорци модалните използване на "магия» CSS3.

Да започнем с това, всички тези, които се интересуват от тази тема, можете да погледнете примера на работата на модалните прозорци в различни версии и изтеглите изходния код:

Не приемайте този урок като ръководство за действие, тъй като на този етап са постигнали уверен подкрепа само съвременни браузъри (IE 9+, Firefox, Safari, Opera, Chrome). С едно око на това, че древната версия на IE браузър все още е доста популярен сред потребителите се насърчават да разгледат тази статия като един вид експеримент, демонстрация CSS3 възможности.

Е, сега отидете директно на самото оформление на HTML код и стилистично оформянето на нашата модален прозорец с CSS3)))

Стъпка 1. HTML

По-долу е пример за основен HTML-маркиране изскачащи прозорци и връзки активиране:

Стъпка 2. CSS

За основа на материалите, са взети от сайта: dbmast.ru

Свързани статии

Подкрепете проекта - споделете линка, благодаря!