点击按钮弹出div 由小到大移动到屏幕中心点，怎么做

Question

按钮在任意位置，点击，弹出一个小div，匀速变大，慢慢移动到屏幕中心点，定型后大小 长200px  宽150px怎么做的不能用jquery
需要代码

Answer 1

可以用CSS3不，能的话，4 5行就搞定了

Answer 2

用transition-duration，设置了这个属性之后，改变CSS属性就会默认以一个缓动的效果完成，然后配合transform使用，transform可以设置元素的scale（缩放）,还有translate（位移）,你这样是需要在一开始的时候把div的scale（0），然后自己调好translate，然后在按钮单击的时候只需要改变transform的值，浏览器会默认以缓动的效果完成。因为个人开发移动设备上的App，主要针对android和ios，所以只使用过-webkit-transition和-webkit-transform，效率灰常不错，其他浏览器的话，firefox就加-moz，opera就加-o，效率就没测试过了，基本webkit内核是最高的。具体的还是自己百度一下吧