css3 transform scale stick to bottom

Question

Возможно ли использовать свойство transform: scale (x), удерживая элемент в нижней части страницы? (По умолчанию, если весы относительно центра элемента, как показано ниже)

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

Answer 1

использовать 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%; 
} 

Вот a live demo, который показывает transform-origin в действии.

Answer 2

вопрос, можно ли выбрать то, что ось для объекта. Я не знаю ответа на это, и я предполагаю, что его, вероятно, нет.

Если вы действительно не можете установить «ось», вам придется преобразовать поле во время перемещения его одновременно.