Animated logo when scroll down - wordpress

I would like to ask for help on how to implement a logo like this: https://sekhina.com/ within wordpress? So, scrolling should cause some kind of animation in the logo. What processes should I watch out for? What programs should I use?
Thanks for the answers!

Related

How can I make the roadmap scroll effect in React?

I'd love to make the effect like image.
When I scroll down the roadmap, the aircraft will move like image.
I tried to find the same and similar effect using react, but couldn't find it.
If you know about this and have reference links for this, could you gimme and guide me?
Thanks,

How do fade an image from top to bottom?

I have seen this effect many times and i wanted to try it out on my website now, can someone help me achieve this?
You can look at this website for reference:
https://anime-world.in/
Scroll to the very bottom of the page.

Mobile frontend has a bug: container is not fixed

I suck at mobile frontend / responsiveness. Could someone tell me why the overall container of my webapp is not fixed but slides around when you move it?
I hope you get my question but you can basically move the whole page front left to right.
here ist the page: www.frankfurtstartupjobs.com
I am sure it is something simple, as of again I suck at mobile / css.
Thanks a lot in advance!
If you are talking about page is moving around when we drag it then here is solution
look for class container_header in your html page and add container class to it
this will fix your issue

HTML Scroll navigation

How can I create a scroll navigation, like on the chanel website? http://www.chanel.com/en_CA/
When you scroll another page will scroll up. Whats the name of that and how is it
done?
I believe the technique they used is called Parallax Scrolling.
Here is a quick tutorial on how to create it:
https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/
Try fullpage.js + stellar.js in combo to achieve this.
Stellar (http://markdalgleish.com/projects/stellar.js/)
FullPage(https://github.com/alvarotrigo/fullPage.js/)
Pages are very well documented and easy to start

Sliding Background Images with controls

I am trying to build a website which has its background images scroll with left and right controls. Where can I find tutorials to do that?
You can try CoinSlider... see this link for tutorials and demo:
http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/
Also see supersized jQuery plugin [full screen slideshow]
http://www.buildinternet.com/project/supersized/
OR look here for 100 Qjuery sliders, choose the one that will suit your requirement:
http://www.jquery4u.com/plugins/100-jquery-sliders-part1/#.T-YKgRdo2_4
I've used this one in the past and it's worked great. It's uses a fade transition, but I'm sure there are ways to hack it to do slide transitions.
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html

Resources