Fade out animation

Ask the community
,
1

I’m new to Devtools and I’m needing to add an image and background that will fade out to my home page without being clicked. I’ve tried embedding jquery fade in/out code in the html widget and it hasn’t worked. Any help would be greatly appreciated. Thanks!

2

Fading out without beein clicked?
After a certain amount of time (time-delay) ?
Or do you want to start the fade-outwhen page has been loaded?

example:

$w.onReady(()=>{
    setTimeout(()=>{
    
        //your element here...
        
    },500) // fadeout after 500-milliseconds
})
3

@russian-dima thanks for responding. I’ve tried entering HTML with css to make the fade out occur in the HTML embed widget and nothing loads.

4

@russian-dima to answer the question, yes I want it to be the first thing to appear on load then fade out after 5/6 seconds into my homepage.

Also would I need to add this into the head tag?

5

I think you are searching for something like this one…

  1. First show an element on your page when page is ready …
  2. then fade out the shown element after a certain amount of time again…
fadeOptions = {"duration": 1000,    "delay": 500 };  

$w.onReady((=>{
    $w("#myElement").show("fade"); 
    setTimeout(()=>{
        $w("#myElement").hide("fade", fadeOptions); 
    },5000)
})