Javascript 缩放css动画，从某个点开始，然后全屏显示

受到ios7的启发，我想我可以在js和css中构建一个放大动画，从点击链接的地方开始放大，打开一个页面。我可以做放大，但是起点在屏幕中间。我不知道飞机是如何改变起始位置的。守则的一部分：

else if(transition=="zoomin")                       
{
    //var position = clickedElement.position(); <-- Need to get my starting point from here
    nextPage.attr("class", "page zoominstart");
    container.append(nextPage)
    nextPage.one('webkitTransitionEnd', function(e) {
        currentPage.remove();
        $("#glb_overlay").hide();
     });
    container[0].offsetWidth;
    nextPage.attr("class", "page zoominend transition");
}

我想做的是将起点设置为上面clickedElement的中心，然后将新页面从0缩放到1，使其成为全屏。上述操作有效，但动画不是从Clicked按钮（例如clickedElement）开始的

---

谢谢

工作得很有魅力。谢谢。很高兴看到你解决了这个问题。我想做一件类似的事情。你有在野外或小提琴上使用的例子吗？

.page.zoominstart {
-webkit-transform:scale(0.0);
-moz-transform:scale(0.0);
-ms-transform:scale(0.0);
-o-transform:scale(0.0);
transform:scale(0.0);
}
.page.zoominend {
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-ms-transform:scale(1.0);
-o-transform:scale(1.0);
transform:scale(1.0);
}