css3 trasformare la levetta in basso

Question

È possibile utilizzare la proprietà transform: scale (x) mantenendo l'elemento bloccato nella parte inferiore della pagina? (Per impostazione predefinita, se le scale rispetto al centro dell'elemento come illustrato di seguito)

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

Answer 1

utilizzare la proprietà 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%; 
} 

Ecco a live demo che mostra il transform-origin in azione.

Answer 2

la domanda è se è possibile scegliere ciò che l'asse si trova per un oggetto. non so la risposta a questo e sto indovinando il suo probabilmente no.

se davvero non puoi impostare "l'asse" dovrai trasformare la scatola mentre la muovi contemporaneamente.