Menu
Why this code does not work in FireFox?
It also doesn’t work on Edge.
[code].business-card-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.card-container {
position: relative;
width: 188px;
height: 340px;
perspective: 700px;
margin: 15px;
}
.card {
position: absolute;
height: 100%;
width: 100%;
transform-style: preserve-3d;
transition: all 400ms ease-in-out;
}
.front,
.back {
position: absolute;
width: 100%;
height: 100%;
}
.back {
transform: rotateY(-180deg);
}
.tap-turn {
transform: rotateY(-180deg);
}