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
9
votes
2 answers
Flutter FadeIn/FadeOut animation together
in this simple sample code i want to have fadeIn and fadeOut animation together, but in this code fadeIn work only and reverse not work, how can i have both of them together?
import 'package:flutter/material.dart';
void…
DolDurma
- 15,753
- 51
- 198
- 377
9
votes
5 answers
jQuery fade making page jump
For some reason jQuery's fadeIn is making my page jump to the top. Each different div it fades in makes the scroll bar go a different size so I think this might be why 'return false' isn't working. Here is the code:
…
Matthew Ruddy
- 111
- 1
- 5
9
votes
4 answers
How to show div when user reach bottom of the page?
When user scrolls to the bottom of the page I want to show some div, with jQuery of course. And if user scrolls back to he top, div fade out.
So how to calculate viewport (or whatever is the right name) :)
Thanks
Kenan
- 365
- 2
- 5
- 12
9
votes
2 answers
Always fade in from placeholder with Picasso
I still don't know if this is a bug report or a feature request, so bear with me.
I'm using Picasso and I've noticed that the sample application always fades in from the previous image (see here for a demo of what I mean). However, I would like it…
Sebastiano
- 12,289
- 6
- 47
- 80
8
votes
5 answers
IE shows black border around PNG when faded in
Here is my site:
http://smartpeopletalkfast.co.uk/ppr6/
I have PNGs with transparency fadein with jQuery. IE8 (havnt tested with others yet) is showing black borders around the PNGs while they fade in. I know this is a recognized issue and I've…
Evanss
- 23,390
- 94
- 282
- 505
8
votes
5 answers
How to slide down a div then .fadeIn() the content and vice versa?
Goal
When a user clicks the button, the div in question will:
slide down
stop
fade in the content
When the user clicks the button again, the div will:
fade out
stop
slide up
Current position
Here is an example where the fadeIn and fadeOut is…
Classer
- 465
- 2
- 7
- 18
8
votes
7 answers
jQuery fade elements from one class to another, on hover
can this be done?
for eg.
.class1{
background-image:(whatever.jpg)
color: #fff;
}
.class2{
background-image:(whatever2.jpg)
color: #999;
}
can I fade all elements that have class1 to class2 when the mouse is over the element, and back to…
Alex
- 66,732
- 177
- 439
- 641
8
votes
2 answers
Jquery replaceWith - fadeout / Fadein
I think this is going to come across very basic stuff but I'm brand new at the wonderful world of jquery.
Heres my simple working replace code :
yes yes
What I am trying to…
Webby
- 2,655
- 5
- 26
- 34
8
votes
1 answer
Android Studio fading splash into main
I currently am working on an android app. Just started and I was able to implement my splash screen. However, I don't like the transition between that and the main activity. I want the splash screen to fade out and main to fade in. Looks like they…
KimCheeFatChoyProgrammer
- 173
- 1
- 3
- 16
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
3 answers
How to execute the function once?
$("#div1, #div2").fadeIn('500',function(){
{
console.log('Test');
}
});
Fiddle here: http://jsfiddle.net/y97h9/
The above code will print 'Test' two times in the console. How can I make it print only one time. Is it possible?
user2257938
8
votes
3 answers
how does jquery fadeIn work? Doing the same with animate()
I love the simple jQuery fadeIn() function, especially because it works without having to set any opacity values to the selector! Just setting it to display:none and using fadeIn() always works.
However I'm not using jQuery for my current project…
matt
- 42,713
- 103
- 264
- 397
7
votes
3 answers
Jquery to fade in .after()?
Simple really but cannot get it to work, here is my script...
$('body').after('');
How can I get it to fade in rather than just pop up? putting fadeIn() after or before .after() doesn't…
novactown
- 129
- 1
- 8
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