84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
微信UI官方演示:http://weui.github.io/weui/#/点击按钮,页面切换有左右滑动的效果,请问是怎么做到的。代码里没找到。
我也和上面一样用的是https://github.com/progrape/router.git 做路由的,为何官方点击页面切换的时候是有左右滑动的效果,而我没有呢?
我用起来很卡顿。。。。。
学习是最好的投资!
I solved it myself, CSS3
@-webkit-keyframes a { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes a { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @-webkit-keyframes b { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } } @keyframes b { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } } .page.slideIn { -webkit-animation: a .2s forwards; animation: a .2s forwards } .page.slideOut { -webkit-animation: b .2s forwards; animation: b .2s forwards }
I solved it myself, CSS3