Archived topic
Homepage fade-in with logo
5 replies · Started by Ruthanne on December 14, 2021
Hello! I found this to make some nice transitions: https://generatepress.com/forums/topic/fade-in-on-page-load/page/2/
I'm wondering if it's possible to have my logo appear before the page fades in, at least on the homepage. So you'd visit; see the logo with a white background; and then the background and logo would fade to reveal the homepage. Does that sound feasible?
This is the site: https://ruthannereid.com/
Thanks!
Hi Ruthanne,
In your CSS, you are targeting body, can you switch to#page exactly the same as David's CSS?
#page {
-webkit-animation: fadein 2s;
animation: fadein 2s;
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}Sure thing! Done.
How do you think about the effect right now after changing the CSS?
Is this what you want?
Let me know :)
Hi there! No, unfortunately that's not what I wanted, but it works just fine for now. Thank you! :)
Ok...
You are welcome :)
