javascript - Jquery居中动画问题求指教，水平垂直放大效果

Question

我能完成水平垂直居中元素，还需实现放大的动画效果，元素默认是隐藏的没有宽高，我想实现让它向四周伸展，现在卡在伸展这一步了、或许是布局有问题，感觉只是硬性在更改宽高、、、求大神指点下，最好能给个demo要考虑兼容性的CSS3略过、、先谢谢了

Answer 1

加上css3过渡效果，不过当宽高比例差距过大的时候还是会出现生硬的感觉，可以试着用js来，一步一步改变宽高

Answer 2

css3 scale()

Answer 3

https://gist.github.com/anony...
试着用jsbin搞了一个 不清楚你是不是说用jquery的animate 反正个人的思路是以CSS定位定为居中显示 然后再更改宽高来做伸展 其实还是取巧利用的这个布局的特性 仅供参考 有兴趣可以继续聊

Answer 4

这就是放大动画？？？
@-webkit-keyframes zoomIn {
from {

opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);

}

50% {

opacity: 1;

}
}