Înlătură notificare
Bun venit pe all4games.ro, Vizitator.
Distribuie şi tu această comunitate pentru a devenii mai cunoscută. Dacă ai tutoriale şi/sau resurse, nu ezita să le postezi şi aici. Mulţumim!
Înregistrare sau logare.

CSS Adăugare efect la imagini.

Discuție în 'Css' creată de Gigiz, 10 Iun 2016.

  1. Gigiz

    Gigiz
    Administrator
    Membru personal

    Înscris:
    15 Mar 2016
    Mesaje:
    320
    Aprecieri primite:
    228
    Aprecieri oferite:
    11
    1. Adaugă într-un fişier .css următorul cod:
      COD:
      Select All
      div.liftup{
        
      padding5px;
        
      positionrelative;
         
      width200px;
         
      height150px;
         
      overflowhidden;
        
      border1px solid black;
        
      backgroundblack;
        
      colorwhite;
        
      box-shadow0 0 0 gray;
        -
      moz-transitionall 0.3s;
        -
      webkit-transitionall 0.3s;
        
      transitionall 0.3s;
        
      floatleft;
        
      margin-right10px;
        
      margin-bottom10px;
      }

      div.liftup:hover{
        -
      moz-transitionall 0.3s;
        -
      webkit-transitionall 0.3s;
        
      transitionall 0.3s;
        -
      moz-transformrotateX(20deg);
        -
      webkit-transformrotateX(20deg);
        
      transformrotateX(20deg);
        -
      moz-transform-origin500;
        -
      webkit-transform-origin500;
        
      transform-origin500;
        
      box-shadow0 20px 20px -5px gray;
      }

      div.liftup img{
           
      width200px;
           
      height150px;
      }
    2. Adaugă într-un fişier .php sau .html următorul cod unde doreşti să apară imaginea.
      COD:
      Select All
      <div class="liftup"><img src="link imagine" ></div>
    Demo: Trebuie să te loghezi pentru a vedea link-ul
     

Distribuie pagina asta