- This topic has 5 replies, 2 voices, and was last updated 3 years, 10 months ago by
.
-
Posts
-
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!
Customer Support
Hi Ruthanne,
In your CSS, you are targeting
body, can you switch to#pageexactly 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 🙂
- You must be logged in to reply to this topic.
