Site logo

[Resolved] Homepage fade-in with logo

Home Forums Support [Resolved] Homepage fade-in with logo

Home Forums Support Homepage fade-in with logo

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2049236
    Ruthanne

    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!

    #2049284
    Ying
    Staff
    Customer Support

    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; }
    }
    #2049331
    Ruthanne

    Sure thing! Done.

    #2050393
    Ying
    Staff
    Customer Support

    How do you think about the effect right now after changing the CSS?

    Is this what you want?

    Let me know 🙂

    #2053194
    Ruthanne

    Hi there! No, unfortunately that’s not what I wanted, but it works just fine for now. Thank you! 🙂

    #2053227
    Ying
    Staff
    Customer Support

    Ok…

    You are welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.