Cool repeaters with CSS in Wix Code

So Dev Vora is again challenging me about doing stuff that seem not doable in Wix. So I had to make a try in creating cool cards connected to Wix Code. I have made a first attempt and later this week this will be released for all on Wix Show. It is so cool.

I am using the tilt.js library, the vanilla edition found on Vanilla-tilt.js and then I create arrays inside Wix Code and send those to the script inside a HTML Component.

The hard part now will be to add this effects to the Data Repeaters in Wix Code. But it seem to work in my first test.

3 Likes

Thanks for demo!
Inside it can we put color gradients? And do it have light changing effect as we move around?

Shadows and gradient… anything else?

Its looking really good. Can we click on the whole card or we have click on button inside card. Thank You.

how do you import the vanillajs file in your backend module and call it to the wixcode page ? thanks a lot

Hi this is a very cool CSS use, can I pleas have some insight on the code?