Possible to delay animation in a column?

[mmelton12]

Hi,

I am able to use the column CSS animation attribute, but would like a delay to happen before the image fades in. I have tried both class and ID name, with inline CSS and page CSS using: "animation-delay: 5s"but it hasn’t worked. Is there a way to achieve this?

Thanks,
Matt

[nabeel]

Hey Matt,

Thank you for reaching out to us. You can do this by adding the following CSS in the Column’s Element CSS section:

$el {
	transition-delay: 5s !important;
}

To find the Column’s Element CSS section, go to your column’s settings in Cornerstone that has the animation turned on then click on Customize tab (see screenshots)

Hope this helps!