Geek asks and answers

The rotating element without lining or edge does not stick together on the side

I have divone that I rotate inside the container. I could not get the rotated div“stick” to the very left side of the container. Please see this script to understand what I mean.

+3
source share
1 answer

You need to set transform-origin( -webkit-transform-originetc.) on top leftand add translateX(-100px)after the rotation (so here:) transform: rotate(-90deg) translateX(-100px). Otherwise, you rotate around the center point (set the background on the rotated element, and you will see).

, IE9 ( ), , - .

​​

+4

More articles:


All Articles