Galerie cu creșterea imagine pentru site-ul folosind CSS3, Rudebox

Galerie cu creșterea imagine pentru site-ul folosind CSS3, Rudebox
Poate că ați avut în mod repetat, pentru a face cu casete luminoase obișnuite sau ferestre modale. Dar dacă rulați blog-ul sau site-ul kuriruete atunci întâlnit, probabil, Nuance imagini de afișare pe site. Cazuri care inserează imagini de mari dimensiuni de pe site-ul nu este practic, deoarece este nevoie de o mulțime de spațiu, iar dacă este prea mic, nu va fi clar că imaginea acestei trebuie să facă un compromis. În această lecție ne vom uita la modul de a crea un simplu imagini zoom folosind css.

Și astfel, trebuie să ne făcând clic pe imaginea este mărită, dar acest lucru se va adăuga aproape buton imagine. Și astfel, să începem.

Pasul 1. HTML

Și astfel, uita-te la structura, avem un container comun, care deține întreaga structură în mijlocul containerului plasat elementele de copii, cum ar fi imagini și închiderea claselor de imagine dislocate. În plus, vom folosi clasa: țintă care va oferi ferestre de performanță.

  • las: dar după cum se adaugă la site-ul.
  • David: Vă mulțumesc pentru indiciu)
  • Scorpie: Cetățenii au un mouse fără valoare este printre Lupa! Pentru a elimina săgeata, este necesar să se adauge cursorului .example.
  • serj_ben: Vă mulțumesc foarte mult) corectat!
  • DiCorp: Buna ziua. Potrivit incapacitatea de a scrie pe care scrie aici. Am observat că site-kosyachki mici. 1) K
  • serj_ben: 4 mesaje pe zi) mulțumim că ne-a citit) buna seara.
  • rastawarr10r: trei posturi într-o singură zi! Ei bine, apropo, mulțumesc pentru buna :) lucruri.
  • serj_ben: retusa, îmi pare rău, nu a se vedea ((

blogul sondaj

partenerii noștri

articole populare