The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Alright, let’s break down this miracle-case :)
We have a ready-made WordPress (Elementor) site with image-switching logic from a previous developer (3 similar blocks). The brief also asked to “spill” stars from one section into another (sounds simple, right? but it’s WordPress, if you know what I mean :)).
Since we must preserve the original timings and visuals of card switching, I treated this setup as a constant and embedded my animation logic directly into the site’s existing timings.
Scripts are good :)
Since Rive is quite a powerful tool with a wide range of features and approaches, the first thing to do is to analyze what we already have and compare it with the desired final result.
We have a ready-made website built on WordPress using Elementor
The site already has image...
Taking into account that we must preserve the original timings and visuals of the card switching, I accept all this mess as a constant (something that cannot be changed)
and “embed” my animation logic directly into the website’s existing timings.
What needs to be done:
Define...
Which means this event can be tracked via DOM changes.
And that’s actually better than binding everything to page scroll, as initially assumed, because we don’t need to invent anything tricky for responsiveness across different screen widths.
How?
— I asked ChatGPT
By using...
And since both the animation actions and the page scroll are vertical (top to bottom), it makes perfect sense to use a familiar human range from 0 to 100,
where 0 is the initial idle state, and 99 is the final animation step — in our case, the final hit of the magic stick on the...
wow
WP + Rive... Cool!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?