iOS和Mac“转换旋转”不起作用

时间:2018-08-15 08:22:38

标签: ios css3

我在iOS + Mac上有问题。我需要使用“变换旋转”功能翻转卡片,但无法正常工作。您能否给我一些建议,以解决和解决此问题? Windows浏览器+ Android运行正常。 代码:

transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);

链接到完整代码: https://codepen.io/Sublit/pen/ajvdya

2 个答案:

答案 0 :(得分:0)

let animator = UIViewPropertyAnimator(duration: 0.75, curve: .easeIn)
animator.addAnimations {
    self.view.transform = CGAffineTransform(rotationAngle: CGFloat(180).degreeToRadians)
            }
animator.startAnimation()

您可以在此处找到degreeToRadians

import UIKit

extension CGFloat {
    var degreeToRadians: CGFloat {
        return self * .pi / 180
    }

    var radiansToDegrees: CGFloat {
        return self * 180 / .pi
    }
}

答案 1 :(得分:0)

我在 iOS 上也有同样的问题,看起来就像是变换值乘以 90 不起作用,一旦旋转它就会消失。最简单的解决方案,如果它满足您的需要,只需旋转 179 度,这样就可以保持可见