https://codepen.io/nordstromdesign/pen/gsvJj/ 3DCircle Flip Firefoxで正しく動作していません

Question

このリンクをチェックすると、3DCircle Flipがあります。クロムの中では が正常に動作していますが、Firefoxを変更してもテキストが反転しない場合

Answer 1

.back {}にz-index: 2;を追加しました。

今.back{}は次のようになります。それはあなたのプロジェクトに適用されますときに私はZインデックスの正しい値を知らない

.back { 
transform: rotate3d(45,45,0,180deg); 
z-index: 2; 
background-color: #fff; 
} 

。しかし値2はここで働いた。あなたは、あなたが働いている要素の数に応じて異なる値を試すことができます。