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

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

阿神
阿神

闭关修行中......

全員に返信(4)
巴扎黑

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

いいねを押す +0
伊谢尔伦

css3 scale()

いいねを押す +0
伊谢尔伦

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

いいねを押す +0
小葫芦

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

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

}

50% {

opacity: 1;

}
}

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート