If you head over to Vultr you will see they have nice HTML5 animation.
This is what I'm talking about (not visible on small screen)
I'm looking to implement something very similar to that HTML5 animation.
I'm wondering what are the ways to create something similar, with similar effect but without too much coding (maybe in a day, two)? Also, are there any good video or gifs players that could offer the similar experience as this animation does?
Regards
Johnny
d(-_-)b
You can use Green Sock lib to create advanced controllable CSS3 animation.
It's a pretty straightforward animation, when the element gets into the viewport, a relevant animation class gets added to the element(eg: "zoomIn", "fadeIn") which has some CSS rules attached to it.
When this new class gets added, the element's CSS is overridden and thus the element animates.
You should take a look into CSS animations. @fczbkk's answer is pretty helpful here. 🙂
I guess you just create some javascript functions and reuse them.... for example: the owls just grow so you should make a function that grows the element and use it 3 times and you're done.
I hope it helps!
Riki Fridrich
I'm so good that I'm my own idol.
These are just simple CSS3 animations: developer.mozilla.org/en-US/docs/Web/CSS/CSS_Anim…
You can see how they're done when you open their source code and look for classes like "zoomIn", "fadeIn", etc.: https://www.vultr.com/dist/css/main.css?v=253