Skala transformacji css3 przykleić na dół

Question

Czy można zastosować właściwość transform: x (x), utrzymując element przyklejony na dole strony? (Domyślnie, jeśli waga w stosunku do środka elementu, jak pokazano poniżej)

default scale behavior http://www.w3schools.com/css3/transform_scale.gif

Answer 1

użyć właściwości transform-origin:

element{ 
    -webkit-transform : scale(0.5); 
    -moz-transform : scale(0.5); 
    -o-transform : scale(0.5); 
    -ms-transform : scale(0.5); 
    transform : scale(0.5); 

    -webkit-transform-origin : 50% 100%; 
    -moz-transform-origin : 50% 100%; 
    -o-transform-origin : 50% 100%; 
    -ms-transform-origin : 50% 100%; 
    transform-origin : 50% 100%; 
} 

Oto a live demo który pokazuje transform-origin w akcji.

Answer 2

pytanie brzmi, czy można wybrać to, co jest dla osi obiektu. Nie znam odpowiedzi na to i domyślam się, że prawdopodobnie nie.

Jeśli naprawdę nie możesz ustawić "osi", będziesz musiał przekształcić skrzynkę jednocześnie przesuwając ją.