How do fade an image from top to bottom? - css

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.

Related

Animated logo when scroll down

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!

Elementor: dynamic content on fixed background

My problem: I want to have the content of my page as it is on the https://little-lime.de/ website. So I want the content to be changed when the user just scrolls a little bit while the background stays the same. Is there any Elementor plugin for doing this? Or any other solutions for this?
And the second (less important question): How can I create an background like the one of the mentioned website (https://little-lime.de/) where the points in the background always connect with the mouse?
Hopefully you understand my questions/problems and can halp me.
Thanks in advance!

Move Top navigation menu and logo to the left

I want to move my top navigation menu and logo to the left on my wordpress website.
I have tried several things, but I seriously lack CSS capabilities.
Can anybody please give a rookie like me a piece of advice?
Kind regards

Image covering Form in Mobile Site

I have a responsive site that has an image next to a form. My problem is that when the screen shrinks the image covers the form. I would like it so that the form covers the image. I have tried changing the Z-Index but it doesn't seem to work. You can see examples of my problem here: http://inventivewebdesign.com/uctest/?page_id=45
Thanks in advance for your help!
I looked at it and just used CSS to make the specific div for this specific page to change the width when the screen shrinks, works fine now. Thanks for your ideas.

Why does my website shows a Horizontal Scroll

My website byteindia is built on Thesis Theme and Wordpress and shows a horizontal scroll bar. I am not able to figure out why. Can anyone help me point out the problem?
It's the twitter widget, one of the divs in the iframe is rendering 300px wide.

Resources