The fadeIn() method gradually changes the opacity, for selected elements, from hidden to visible (fading effect).
Displaying something by fading it from transparent to opaque.
The fadein tag is often used to refer to the jQuery fadeIn() method.
Questions tagged [fadein]
2074 questions
94
votes
5 answers
CSS how to make an element fade in and then fade out?
I can make an element with an opacity of zero fade in by changing its class to .elementToFadeInAndOut with the following css:
.elementToFadeInAndOut {
opacity: 1;
transition: opacity 2s linear;
}
Is there a way I can make the element fade…
user95227
- 1,853
- 2
- 18
- 36
93
votes
9 answers
Android fade in and fade out with ImageView
I'm having some troubles with a slideshow I'm building.
I've created 2 animations in xml for fade in and fade out:
fadein.xml
…
IPValverde
- 2,019
- 2
- 21
- 38
79
votes
3 answers
Why doesn't jquery fadeIn() work with .html()?
When you click you a checkbox I want the message to fade in slowly.
Why doesn't .fadeIn() work in this example?
HTML:
Edward Tanguay
- 189,012
- 314
- 712
- 1,047
75
votes
5 answers
jquery fade element does not show elements styled 'visibility: hidden'
I have a bunch of thumbnails which I am loading with a style of visibility: hidden; so that they all maintain their correct layouts. Once the page is fully loaded I have a jquery function that fades them in. This worked when their style was set to…
kalpaitch
- 5,193
- 10
- 43
- 67
58
votes
5 answers
Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
I'm trying to get a nice fade-out effect at the bottom of a section of text as a 'read more' indicator.
I've been following a bit off this and other tutorials, and my code currently is as follows:
html
malesuada fames ac turpis…
whunut
- 621
- 1
- 6
- 4
51
votes
3 answers
How do you fadeIn and animate at the same time?
Using jQuery I'm creating a basic 'tooltip' animation so that the tooltip will appear in a little animation in which it fades into view as well as move vertically.
So far I have this:
$('.tooltip').fadeIn('slow');
$('.tooltip').animate({ top:…
JayNCoke
- 1,091
- 2
- 11
- 17
45
votes
4 answers
Android - Blinking image using the Alpha fade animation
I've been struggling for a few days on this, finally just decided to ask. It's so simple I've got to be missing something very basic.
I have an XML layout page with an image defined. I have two anim XML pages, one to change alpha from 0 to 1, and…
Keith
- 610
- 1
- 6
- 10
44
votes
5 answers
ViewPager animation fade in/out instead of slide
I got the FragmentBasics example from here. Is there a way make the ViewPager animation simply fade in and out when I swipe instead of sliding left and right? I've been trying some stuff with PageTransformer, but no success, I can still see it…
KKO
- 1,913
- 3
- 27
- 35
43
votes
4 answers
How to do a fadein of an image on an Android Activity screen?
I'd like to display a photo on an Android Activity screen with doing gradual and continual fade-in from pale monotone sepia to the final full color. I know how to do it on a Java Image/BufferedImage for the Graphic object but unfortunately I know…
Hiroshi Iwatani
- 431
- 1
- 5
- 3
39
votes
3 answers
Android alpha animation fadein fadeout with delays
I want to do a very simple alpha animation but I cannot find a valid way.
The idea is to perform this animation over a view:
alpha from 0 to 1 of 1 second
hold alpha at 1 for 5 seconds
alpha from 1 to 0 of 1 second
hold alpha at 0 for 5…
zegnus
- 1,437
- 3
- 17
- 23
37
votes
4 answers
jQuery fade out then fade in
There's a bunch on this topic, but I havn't found an instance that applies well to my situation.
Fade a picture out and then fade another picture in. Instead, I'm running into an issue where the first fades out and immediately (before the animation…
technopeasant
- 7,809
- 31
- 91
- 149
30
votes
5 answers
TextView animation - fade in, wait, fade out
I am making a picture gallery app. I current have a imageview with a text view at the bottom. Currently it is just semitransparent. I want to make it fade in, wait 3 second, then fade out 90%. Bringing focus to it or loading a new pic will make it…
Guy Cothal
- 1,268
- 1
- 10
- 20
28
votes
6 answers
jQuery .load() with fadeIn effect
I'm trying to load #content of a url via AJAX using jQuery within #primary. It loads but doesn't fadeIn. What am I doing wrong?
$('.menu a').live('click', function(event) {
var link = $(this).attr('href');
…
Gab
- 2,216
- 4
- 34
- 61
27
votes
1 answer
CSS3 Transition: Different transition for *IN* and *OUT* (or returning from transitioned state)
Original Question... updated working code below:
I have a loading image which comes up during an ajax load event. The image shows/hides by adding or removing a "loading" class to the body element. Currently, the loading image animates…
HandiworkNYC.com
- 10,914
- 25
- 92
- 154
25
votes
5 answers
Fade In and Fade out in Animation Swift
I have an UIImageView with an Animation and, in the UIView, I apply a fadeIn effect, but I need to apply fade out when the UIImageView, which is animated, when is touched.
This is what I make to fade in.
UIView.animateWithDuration(0.5, delay:…
PlugInBoy
- 979
- 3
- 13
- 25