animation for sportlight

[vhphuc0240]

I want to add animation to sportlight for attractive to users. Some animation like that: https://codesandbox.io/p/sandbox/confident-feynman-qxyzq5 or any animation with lottie

[gilbarbara]

Hey @vhphuc0240

You can add the keyframes and the selector in your global CSS.

@keyframes scaleUpDown {
    0% {
        transform: scale(1); /* Start at normal size */
    }
    50% {
        transform: scale(1.2); /* Scale up */
    }
    100% {
        transform: scale(1); /* Scale back down */
    }
}

.react-joyride__spotlight {
	animation: scaleUpDown 2s infinite;
}

[vhphuc0240]

@gilbarbara Thanh for reply. It is one case, in other way I want to add animation from lottie to sportlight. It is impotant case for me.

[vhphuc0240]

In some guide, only one or two step in guide to show animation, but it is very hard to do this. I must use pure js to get element and add css to this. can you add some thing like 'customClassName' to be passed in step. That make easy to use the lib.