css - 使用-webkit-transform时Webkit边界半径出血问题

我在jQuery中制作了一个简单的脚本，用于拍摄图像并缓慢旋转图像。
Link to example

     deg = 0;
     derp = false;
     function callRotate(){
      if(!derp){
        setInterval(rotate, 50);
      }
     }
    function rotate(){
      $("#rotate_me > img").css({"-webkit-transform":"rotate("+ deg +"deg)", "-moz-transform":"rotate("+ deg +"deg)"});
    deg+=.2;
    }
    callRotate();

我决定在div上放置一个等于div高度的1/2的边框半径，以使图像看起来像一个圆。旋转在Firefox 4.0.1中看起来不错，但是当我在Chrome中对其进行测试时，旋转开始后，图像会在边界半径上流血。有谁知道一种防止图像溢出的方法？

最佳答案

您应该在CSS中将图片设为div的背景，然后旋转div。

关于css - 使用-webkit-transform时Webkit边界半径出血问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5925140/