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
Notion
Notion isn’t just where you work, it’s starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?