@keyframes rotlogo{ 0% { rotate: 0 deg; } 100% { rotate: 360 deg; } } .logo image{ width : 180 rpx; height : 180 rpx; border-radius: 50% ; } .keyinput{ width : 100% ; height : 100% ; flex: 1 ; display : flex; flex- direction : column; position : relative ; align-items: stretch; animation: keyinput-rise 2 s cubic-bezier( 0.23 , 1 , 0.32 , 1 ) . 75 s forwards; opacity: 0 ; } @keyframes keyinput-rise{ from {opacity: 0 ; transform: translate 3 d( 0 , 60 rpx, 0 ); } to {opacity: 1 ; transform: translate 3 d( 0 , 0 , 0 ); } |
CSS3动画,电脑模拟器,安卓正常。就是IOS,动画显示不出效果。。。
麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)