css Webkit和Safari文本转换问题

Posted 2021-05-13

.transitioning-element {
    position:relative; /* Add a high z-index position to hide the gpu conversion of text */
    z-index:1;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.transitioning-element:hover {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}