SolveigTraeet Posted February 2, 2021 Share Posted February 2, 2021 Site URL: https://caper-badger-3s6d.squarespace.com/home Password: home I want to make this image (picture below) slowly fade in (once the page is entered) on home page only. Can anyone help me? Link to comment
colin.irwin Posted February 2, 2021 Share Posted February 2, 2021 Try inserting this in your Custom CSS area and experiment with the increasing / decreasing the 1.5s animation value until you get the effect you want. .homepage #block-yui_3_17_2_1_1611067680935_4040 { animation: fade-me-in 1.5s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } SolveigTraeet and tuanphan 2 If you're looking for a Squarespace Developer, drop me a line. Link to comment
SolveigTraeet Posted February 2, 2021 Author Share Posted February 2, 2021 @colin.irwin Thank you, that worked great! colin.irwin 1 Link to comment
Turbiville Posted October 5 Share Posted October 5 Is there a code to do this to Fade Out after a few seconds one the page loads? I tried messing around with the above shared code using "fade-me-in" and it works but then after the time set at any time frame, the pic will fade as planned, and the pop back up. I'd like once it fades is stays faded away to 0 until the page is reloaded. Link to comment
tuanphan Posted October 7 Share Posted October 7 On 10/6/2023 at 1:27 AM, Turbiville said: Is there a code to do this to Fade Out after a few seconds one the page loads? I tried messing around with the above shared code using "fade-me-in" and it works but then after the time set at any time frame, the pic will fade as planned, and the pop back up. I'd like once it fades is stays faded away to 0 until the page is reloaded. Can you share link to page where you have problem? We can take a look easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Turbiville Posted October 7 Share Posted October 7 12 hours ago, tuanphan said: Can you share link to page where you have problem? We can take a look easier Sure! https://www.christurbiville.com For now I'm just using a hover over the main headshot pic at the top of the page that is over the video background. Hover and it fades to zero over 2 seconds, and then fades back up if you move away. I'd like it to just fade away on page load after about 6 seconds and not come back up unless the page is reloaded. Thanks! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment