Flip card 2
Klicke auf der Karte um sie zu drehen
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<style>
body {
background: #333;
}
.flipper {
transform: rotateY(180deg);
}
.flipper1 {
transform: rotateY(0deg);
}
.flip-container,
.front,
.back {
width: 300px;
height: 500px;
text-align: center;
font-size: 30px;
border-radius: 20px;
}
.flipper ,.flipper1{
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.front,
.back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.front {
z-index: 2;
background-color: tomato;
color: white;
}