Acesta este codul pentru a mări imaginea, care în mod implicit va fi sub dimensiunea dvs. imediat crește pe site și, de asemenea, făcând clic pe ea. Dacă imaginea începe inițial grozavă, atunci vorbește doar pentru browser și va arăta corectă. Dacă imaginea este mică, totul va apărea în centru. Totul funcționează pe stiluri, vor exista și umbre pe toate laturile, dacă se fac pe un loc luminos.
Pentru a face din nou mai puțin, atunci va fi un clic, pe care se face clic și va fi din nou expus la lățimea pe care ați setat-o. Și pentru a înțelege ce poate fi mărit, atunci există o lupă, deci totul la instalare este simplu, faceți un link și instalați-l în cod, unde exact va trebui să setați lățimea. Și astfel puteți face în orice material și puneți câteva, sau mai degrabă câte imagini aveți nevoie.
Să ajungem la instalare:
img # 91; tabindex = "0"] <
cursor: zoom-in;
>
img # 91; tabindex = "0"]: focalizare <
poziție: fixă; z-index: 10;
top: 0; stânga: 0; fund: 0; dreapta: 0;
lățime: auto; max-lățime: 100%;
înălțime: auto; max-înălțime: 100%;
marja: auto;
box-shadow: 0 0 200px # 000, 0 0 0 1000px rgba (0,0,0, .3 # 41 ;;
-webkit-box-shadow: 0 0 200px # 000, 0 0 0 1000px rgba (0,0,0, .3 # 41 ;;
-moz-box-shadow: 0 0 200px # 000, 0 0 0 1000px rgba (0,0,0, .3 # 41 ;;
>
img # 91; tabindex = "0"]: focus, / * Snap pentru a returna fotografia în starea obișnuită după ce ați făcut clic pe mărirea * /
img # 91; tabindex = "0"]: focalizare
* <
cursor: zoom-out;
pointer-events: nici unul;
>
Acum codul în sine este sub imagine, care va crește.
Aici este expus la 130 pe lățime, puteți schimba și a face așa cum vă gândiți.