tapeta Moderního Webu

scale

3D
2D

scale (x, y)

CSS3 hodnota scale zvětší, nebo změnší element.

Příklad:

div:hover {
  transform: scale(1.2); 
}

Zvětšení o 20% (1.2).
Pro zmenšení se uvádí hodnoty na intervalu od 0.0 do 1.0.
Např. 0.5 zmenší o 50%.

Příklad 2:

div:hover {
  transform: scale(0.8, 1.2); 
}

Tzv. efekt "protaženého ksichtu".
Zúžení na ose X a naopak protažení na ose Y.


moderniweb.com © 2017