Html Css Transform Scale Not Working As Wanted Stack Overflow I want to have text directly below an image that i am scaling with transform: scale (0.50, 0.50); the issue is that the height and width of the bounding box of the image don't scale with the image. What is the problem here? the task is to set the transform property for #ball2 to scale it 1.5 times its size. my code so far. .ball { . width: 40px; height: 40px; margin: 50 auto; position: fixed; background: linear gradient( 35deg, #ccffff, #ffcccc. ); border radius: 50%; #ball1 { left: 20%; #ball2 { left: 65%; transform:scale(1.5);.
Html Css Transform Scale Not Working As Wanted Stack Overflow It looks like this is a known issue when scaling font. i found a stack overflow post that covers a couple of different solutions: blurry text after using css transform: scale (); in chrome stack overflow. you may consider trying to implement one or both of these to see if it helps. Tell us what’s happening: your code so far
Related videos with html css transform scale not working as wanted stack overflow
Comments are closed.