Funkce scaleY

Funkce scaleY škáluje prvek podél osy Y. Škálování se provádí kolem bodu určeného vlastností transform-origin. Hodnotou funkce je celé nebo desetinné číslo. Pokud je větší než 1 - prvek se zvětší, pokud je menší (například 0.5) - prvek se zmenší. Pokud zadáte 1 - nic se nezmění (to je výchozí hodnota).

Syntaxe

cssselektor {
  transform: scaleY(číslo);
}

Příklad

Při najetí myší na prvek zvětšíme měřítko 1.5 krát podél osy Y:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleY(1.5);
}

Результат:

Příklad

Při najetí myší na prvek zmenšíme měřítko 2 krát podél osy Y:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleY(0.5);
}

Результат:

Viz také