Home/ Questions/Q 8450849
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T11:05:18+00:00

Is it possible to use the transform: scale(x) property while keeping the element stuck

  • 0

Is it possible to use the transform: scale(x) property while keeping the element stuck to the bottom of the page? (by default if scales relative to the center of the element as shown below)

default scale behavior
(source: w3schools.com)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    use the transform-origin property :

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

    Here’s a live demo that shows the transform-origin in action.

    • 0