Image flip

[danijel_kajis]

Hi,

i would like to use flip image in my website using cornerstone but I didn’t manage to succeed. Is there some plugin avaliable or something else.

Regards,
Danijel

[nabeel]

Hey there,

Thanks for writing in! There is a CLASSIC CARD element available in Cornerstone that you can use.

Hope this helps!

[danijel_kajis]

Hi,

thank you for replay. This is ok but problem is I would like have the image on whole flip card which seems to me it is not possible or it is.

[jade]

Hi Danijel,

You can still use the card element then add some custom CSS to set the image to the card.

You can do this by adding a class to the card element then add this to the global CSS:

.card-1 .x-face-outer.front {
    background: url(URL_OF_THE_IMAGE) no-repeat;
    background-size: cover;
}

.card-1 .x-face-outer.back{
    background: url(URL_OF_THE_IMAGE) no-repeat;
    background-size: cover;
}

The code above assumes that the class you added to the card element is card-1.

Hope this helps.