Ponieważ .card jest obracana, gdy :hover
.card:hover
{
transform:rotateY(180deg);
}
i w czasie obrotu "ucieka" spod wskaźnika myszy, co wywołuje odwrócenie obrotu, bo
.card
{
...
transition: all 0.2s ease;
position:absolute;
}
i znowu .card znajduje się w zasięgu wskaźnika myszy, co powoduje znowu :hover i ten stan się "zapętla" co powoduje efekt "migotania"
np. ten zapis powinien zaradzić
.cardcontainer:hover .card
{
transform:rotateY(180deg);
}