Home/ Questions/Q 8214391
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T11:26:48+00:00

whats the problem with this code? It doesn’t work on Google Chrome. I want

  • 0

whats the problem with this code? It doesn’t work on Google Chrome. I want to rotate the picture dynamically with javascript and webkit transform.

<html>
  <head>
    <title></title>
    <script>
      document.getElementById('img1').style.webkitTransform = "rotateX(-40deg)";   
    </script>
  </head>
  <body>
    <img id="img1" src="1.jpg" />
  </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this instead – the script needs to be executed after the DOM has loaded – so i have moved it to appear after the img element

    <html>
<head>
  <title></title>
</head>
<body>
  <img id="img1" src="1.jpg" />
  <script>
     document.getElementById('img1').style.webkitTransform = "rotate(-40deg)";   
  </script>
</body>
</html>​

    And your using the wrong webkitTransform function … you should be using rotate

    Working example

    • 0