javascript - Jquery居中动画问题求指教,水平垂直放大效果
阿神
阿神 2017-04-11 11:29:10
0
4
373

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

阿神
阿神

闭关修行中......

모든 응답(4)
巴扎黑

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

伊谢尔伦

css3 scale()

伊谢尔伦

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

小葫芦

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

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

}

50% {

opacity: 1;

}
}

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿