-webkit-transform does not change the actual size of the DOM element


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
5 views
When you rotate the element 90° by using the-webkit-transform noticed such an anomaly that the actual dimensions are not changed and the container of any size not "react".
So-here's the code:

.c {
float: left;
overflow: visible;
background: blue;
}
.c div {
display: block;
background: #red;
-webkit-transform: rotate(-90deg);
}


12345



generates the following result:
image

Is there a way to solve this problem without specifying the size of the transformed element?
by | 5 views

1 Answer

0 like 0 dislike
www.w3.org/TR/2009/WD-css3-2d-transforms-20090320/ — abnormally rather your statement, indulged the behavior of the browser. For the surrounding elements, the dimensions and proportions of the transformed element does not change.
by

Related questions

0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
0 like 0 dislike
3 answers
110,608 questions
257,186 answers
0 comments
27,979 users