css3 chuyển quy mô dính xuống đáy

Question

Có thể sử dụng thuộc tính biến đổi: scale (x) trong khi vẫn giữ nguyên tố bị kẹt ở cuối trang không? (Theo mặc định nếu quy mô tương đối so với trung tâm của nguyên tố này như hình dưới đây)

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

Answer 1

sử dụng transform-origin tài sản:

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%; 
} 

Dưới đây là a live demo cho thấy transform-origin trong hành động.

Answer 2

câu hỏi là liệu bạn có thể chọn những gì trục là dành cho một đối tượng. tôi không biết câu trả lời cho điều này và tôi đoán nó có lẽ không.

nếu bạn thực sự không thể đặt "trục", bạn sẽ phải chuyển đổi hộp trong khi di chuyển đồng thời.