-
uptimewebconsult
I want to have my logo move from the bottom of the container to the top when my website first comes up. I’ve tried to figure it out based on the Overlay Effect on Hover, but can’t get the logo to do what I want. I do have it overlayed on the container background image as seen here: https://afreckledfawn.com/
Please advise. Thank you
Stephanie
-
Hi Stephanie,
I want to have my logo move from the bottom of the container to the top when my website first comes up.
Not sure I understand what you want. The logo is on the top of the container, what am I missing here?
https://app.screencast.com/c2WagxRikwKeM -
uptimewebconsult
On this site (https://www.housesprucing.com/) the logo is a little delayed loading and kind of pops up. I want my logo to do that.
-
There isn’t a built-in function for this, unfortunately.
You will need to write
@keyframes
CSS for it, here’s an example if your logo is inserted using WP’s site logo block instead of an image block:.wp-block-site-logo { opacity:0; animation: delay-appear 2s 1 2s forwards; } @keyframes delay-appear { 0% { opacity:0; transform: translatey(30px); } 100% { opacity:1; transform: translatey(0); } }
- You must be logged in to reply to this topic.