84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
我能完成水平垂直居中元素,还需实现放大的动画效果,元素默认是隐藏的没有宽高,我想实现让它向四周伸展,现在卡在伸展这一步了、或许是布局有问题,感觉只是硬性在更改宽高、、、求大神指点下,最好能给个demo要考虑兼容性的CSS3略过、、先谢谢了
闭关修行中......
加上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;
}}
加上css3过渡效果,不过当宽高比例差距过大的时候还是会出现生硬的感觉,可以试着用js来,一步一步改变宽高
css3 scale()
https://gist.github.com/anony...
试着用jsbin搞了一个 不清楚你是不是说用jquery的animate 反正个人的思路是以CSS定位定为居中显示 然后再更改宽高来做伸展 其实还是取巧利用的这个布局的特性 仅供参考 有兴趣可以继续聊
这就是放大动画???
@-webkit-keyframes zoomIn {
from {
}
50% {
}
}