Modal ferestre pop-up cu css3 fără javascript

Modal ferestre pop-up cu css3 fără javascript

Pe baza evoluția unor burzhuinov respectate, ele sunt, în acest sens baieti viclean, a obținut rezultate bune, în ceea ce privește crearea ferestrelor modale folosind CSS3. Problema, în primul rând este de a realiza o krosbrauzernosti mai mult sau mai puțin stabile rezultatul final, și, desigur, cu pierderi minime, reduce cantitatea totală de cod în HTML și CSS, pentru a face viața mai ușoară pentru lucrătorii suferinde de construcție site-ului.
Ceea ce se întâmplă în cele din urmă, am în acest plan pentru ziua de azi, vom vedea și, în același timp, vom învăța cum să facem ferestre modale pop-up folosind "magia" CSS3.

În primul rând, toți cei care sunt interesați de acest subiect, puteți să vă uitați la exemplul ferestrelor modale în diferite versiuni și să descărcați sursa:

Nu luați această lecție ca un ghid de acțiune, deoarece în această etapă au realizat un suport de încredere numai browsere moderne (IE 9+, Firefox, Safari, Opera, Chrome). Cu un ochi la faptul că versiunea veche a IE browser-ul încă destul de popular în rândul utilizatorilor sunt încurajați să ia în considerare acest articol ca un fel de experiment, caracteristici demonstrative CSS3.

Acum, hai să mergem direct la aspectul codului html și la formarea stilului ferestrei noastre modale folosind css3)))

Pasul 1: HTML

Iată un exemplu de marcare html de bază a ferestrelor pop-up și a legăturilor de activare:

Pasul 2. CSS

Pe baza materialelor de pe site: dbmast.ru

Articole similare