Ad Break

<html>
<head>
<style>
iframe
{
    position:absolute;
    width:auto;
    height:auto;
    border:1px solid;
    border-radius:300px;
    transform-origin:50% 50%;
    -webkit-transform: rotate(0rad);
}
#overlay
{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0);
}
</style>
<script>
function pointTowards(a,b)
{
    return Math.atan2(b.y-a.y,b.x-a.x);
}
function draw(e)
{
    var ads = document.getElementsByTagName("iframe");
    var M = {x:e.clientX,y:e.clientY};
    for(var i=0; i<ads.length; i++)
    {
        var P = {x:ads[i].offsetWidth/2,y:ads[i].offsetHeight/2};
        var rad = parseFloat(ads[i].getAttribute("rot"));
        ads[i].style.webkitTransform = "rotate("+rad+"rad)";
        window.parent.variable = ads[i];
        //rad++;
        ads[i].setAttribute("rot",rad);
        ads[i].style.left=(M.x-P.x)+"px";
        ads[i].style.top=(M.y-P.y)+"px";
    }
}
</script>
</head>
<body>
<iframe src="https://www.google.co.nz/images/srpr/logo4w.png" width="300" height="100" scrolling="no" rot="-2.1636"></iframe>
<div id="overlay" onmousemove="draw(event)">
</div>
</body>
</html>

<!--pointTowards(M,P);-->