Using animation in your portfolio site would be a great way to capture the users attention and make them stay longer on your site.
In this post I ...
For further actions, you may consider blocking this person and/or reporting abuse
There is also a amazing library Motionia.js which does the same , but with lots of customizations on built-in animations more than 100+ , so you don't have to write animations , also the animation triggers when the element is in viewport.
I’ve used intersection observer a couple of times instead of something like AOS and love it!
I find that you have more control and better customisation options when using IntersectionObserver rather than using a library.
Really interesting effect!
Thanks, hope it helps you to build something similar
Hi, thanks so much for this.
I am very newbie trying to achive something super complicated for me.Its the same as this example, but each card entry triggers a different animation (in this example the 3 cards and elements have equal animation). Ive been fighting for a week without any success. Please can you give me any idea , based on your code, what should I add or change? thanks so much again. Sali
ps; I am editing to specify better. Basically the idea is that intersection observer "observes" the card but triggers an animation of another element (not the card) Eg: Card 1 entry= triggers animation of element 1, card 2 entry triggers animation of element 2, ect...
Thank you x4.
Thanks !!!
Thanks, hope its useful to you as well
Well explained, thank you!
Thanks, much appreciated
Nice article! You can take out the complexities and use Trig.js which is optimised, purpose built for this and much more.