Note that there are some explanatory texts on larger screens.

plurals
  1. POChrome (webkit ?) rotateX makes cursor not changing
    primarykey
    data
    text
    <p>I'm trying to rotate an image using the CSS property "transform". Here is my code : <a href="http://jsfiddle.net/Ucph5/4/" rel="nofollow">http://jsfiddle.net/Ucph5/4/</a></p> <p>And here is the part (using jquery) that makes the rotation :</p> <pre><code>$('#rotationX').change(function () { var rotationX = $(this).val(); for (index = 0; index &lt; selectedElements.length; ++index) { var selectedElement = $('#' + selectedElements[index]); selectedElement.css('transform', 'rotateX(' + rotationX + 'deg) ' + 'rotateY(0deg) ' + 'rotateZ(0deg)'); } }); </code></pre> <p>The problem is that when I select an image (by clicking on it), then use the "range" input to rotate the actual image, and finally move my mouse back over the image, the cursor should be a "cursor", as stated in my CSS. But it appears that <strong>only half the image shows the "cursor", the other half seem not to be considered as part of the image and displays a mouse in its normal representation.</strong></p> <p>This problem does not appear on Firefox (I did not test with Internet Explorer or Safari).</p> <p>I hope to be clear in my explanation. If you don't understand, I suggest you to click on one of the images, notice that the cursor is visible everywhere over this image, then change the "range" input value, go back over the image, and notice that the cursor appears only on half the image, and not the other.</p> <p>Does anyone have any idea why this happens ? I tried using the "-webkit-transform" and I still have the problem.</p> <p>Thanks in advance. :)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload