Stack Overflow
Stack Overflow

Questions tagged [fadeout]

The fadeOut() method gradually changes the opacity, for selected elements, from visible to hidden (fading effect).

Hide the matched elements by fading them to transparent.

Description:

.fadeOut( [duration] [, callback] )

where,
duration A string or number determining how long the animation will run.
callback A function to call once the animation is complete.

jQuery Fadeout Documentation

1484 questions
8
votes
3 answers

Fade in jquery div show

I am trying to get the below script to fade in and fade out with a delay in between. It shows the div correctly and fades out as it should, but it doesn't fade in?

The product was…

Pete Naylor
  • 776
  • 2
  • 14
  • 33
8
votes
3 answers

jQuery fade out elements as they scroll off page, fade back as they scroll back on

I want elements to fade out as they scroll off the top of the page, and then fade back in as they scroll back onto the page. I wrote some code that works, but I am looking for a more elegant solution. Here is the solution I have working on jsfiddle:…
Bill Mead
  • 83
  • 1
  • 1
  • 3
8
votes
2 answers

libgdx sprite fade out

I'm working on 2D shooting game in LibGdx. I have to mention that I'm new to LibGdx, and I'm trying really hard to understand how it works. I have experience in Java and Android programming for few years, so I understand game concepts. I'm…
Veljko
  • 1,893
  • 6
  • 28
  • 58
7
votes
2 answers

Fading out an image with transparency in WinForms UI (.NET3.5)

The application: I am writing a little game that would teach the user to read music notes. The game play is very simple. The app displayes a note and my little daughter (target user) should hit the emulated keyboard key on the WinForm GUI matching…
Mr. Lame
  • 1,247
  • 1
  • 17
  • 27
7
votes
2 answers

How to apply partial fade in-out in IOS?

I have 2 images. One is in the back of the other. I want to fade-out the top image starting from the left corner. How can I do this? Should I use gradient mask?
Burak
  • 5,706
  • 20
  • 70
  • 110
7
votes
6 answers

Fade In and Fade Out text inside a div

I have a div with a CSS style to show it as a button:
Word 1
And CSS styles: .btn { display: inline-block; background: url(btn.bg.png) repeat-x 0px 0px; padding: 5px 10px…
VansFannel
  • 45,055
  • 107
  • 359
  • 626
7
votes
1 answer

jQuery show/hide - Question about the delay variable

I'm using the following code to show a box when you mouseover a certain div and have set the delay on the fade out but is there some way of cancelling the fadeOut effect if the user goes back on to the div? jQuery("#cart-box").hover(function() { …
Vince P
  • 1,781
  • 7
  • 29
  • 67
7
votes
1 answer

How to add a fade in within overlay with FFMPEG ?

I'm wondering how to add the option "fade in" in the -filter_complex 'overlay'. The basic overlay ffmpeg -i movie.mp4 -i image.jpg -c:v libx264 -filter_complex 'overlay=x=main_w-overlay_w-100:y=main_h-overlay_h-100' output.mp4 Does the image.jpg…
Chris
  • 93
  • 1
  • 6
7
votes
2 answers

How to make text on the end fade out with gradient background?

I already have an element with an image as a background. Is it possible make a text on the end fade out just like in this question The problem is that the background image already have a gradient and I need the text on it just to become transparent…
quatzael
  • 81
  • 1
  • 2
7
votes
7 answers

jQuery fadeIn fadeOut with click

I'm trying to make a div fadeIn when another div is clicked and fadeOut again when another div is clicked (which would be the close button) but my code doesn't work, did I forget something? Here's the CSS: body{ margin: 0; padding: 0; …
Bruno
  • 155
  • 1
  • 3
  • 9
7
votes
3 answers

How to animate elements move with css3 transitions after hiding some element

Is it possible to animate elements move with css3 transitions after hiding some element using jQuery's .fadeOut()? I found some kind of solution here (see "It works for grids, too" section): However my case is more like…
Lauri
  • 4,336
  • 3
  • 18
  • 18
6
votes
3 answers

How to repeat (loop) Jquery fadein - fadeout - fadein

I am struggling with my first jQuery script. I've got a DIV on my page that is set to hide via CSS. Then, I have this script that runs to make it fade in, fade out, then fade in again: