Card rollover delay?

Support
#1

Good morning,

I’m using the card element extensively on the homepage of a project. Is there a way to delay the rollover effect of these? So, when the user hovers on the card, there’s an extra half second before it flips?

As always, thank you much!

#2

Hello There,

Thanks for writing in! To delay the rollover effect of the flip card, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-card-outer.flip-3d .x-card-inner {
    transition: transform 3s cubic-bezier(0.23, 1, 0.32, 1);
}

We would loved to know if this has work for you. Thank you.

#3

Sure did! Very cool, and much smoother. Big improvement, thank you!

#4

You’re welcome!
We’re glad we were able to help you out.