Fade refers to the UI technique of having page elements gradually gain or lose visibility, usually in response to a user action.
Questions tagged [fade]
1685 questions
33
votes
3 answers
How to fade out a NSView with animation?
This is as simple as can be so I can't for the life of me find what's wrong, I looked through the documentation as a guide but it still didn't work. I have a view inside a larger view. An IBAction is supposed to fade out the inner view... that's it.…
Elbimio
- 1,041
- 2
- 10
- 25
28
votes
6 answers
How to remove a div with fade out effect in JavaScript?
I want to remove a div element on click event but i want to remove it with a fade out effect. I have got some JQuery solution but i need pure JavaScript or css solution.
document.querySelector('.list').addEventListener("click", function(e){
if…
PariSh KhAn
- 572
- 2
- 7
- 14
26
votes
2 answers
how to dim your webpage to center your attention on a banner? (dim-bright effects on your webpage)
I was wondering on how this effect is created in certain webpages :
On loading the webpage, a banner ad with a close button is displayed as the topmost layer, and the actual webpage is displayed as the lower layer; the webpage being completely…
arun nair
- 3,643
- 14
- 41
- 49
25
votes
12 answers
Fade the background-color of a span tag with JQuery
I'm trying to fade the background-color of a span tag using JQuery to emphasize when a change has occured. I was thinking the code would be someting like the following inside the click handler, but I can't seem to get it working. Can you show me…
Russ Clark
- 13,260
- 16
- 56
- 81
25
votes
4 answers
Cross-Fade between images with CSS in loop
I want to fade between images in a loop (like result here-jsfiddle.net/5M2PD) but purely through CSS, no JavaScript. I tried using key-frames but I wasn't successful. Please Help.
@keyframes cf3FadeInOut {
0% {
opacity:1;
}
45%…
Rachit Sharma
- 341
- 1
- 4
- 14
23
votes
3 answers
jQuery change css attribute slowly
I have this code
$('#uiAdminPanelMenu li a').hover( function(){
$(this).css('background-color', '#D3E1FA';
},
function(){
$(this).css('background-color', '#F4F4F4');
});
it changes the background color of the link, but I want it to change…
Grigor
- 4,139
- 10
- 41
- 79
23
votes
3 answers
How do I fade an image in swing?
I've got class which inherits from JPanel with an image on it and i want to set up a little animation to display the panel/image and then fade it out when an event fires.
I presumably set up a thread and fire off the animation but how do I do…
blank
- 17,852
- 20
- 105
- 159
22
votes
4 answers
Fade In on Scroll Down, Fade Out on Scroll Up - based on element position in window
I'm trying to get a series of elements to fade in on scroll down when they are fully visible in the window. If I keep scrolling down, I do not want them to fade out, but if I scroll up, I do want them to fade out.
This is the closest jsfiddle I've…
minimographite
- 333
- 1
- 3
- 7
21
votes
3 answers
React fade in element
I have a Basket component which needs to toggle a BasketContents component when clicked on. This works:
constructor() {
super();
this.state = {
open: false
}
this.handleDropDown = this.handleDropDown.bind(this);
}
…
GluePear
- 7,244
- 20
- 67
- 120
20
votes
5 answers
Twitter Bootstrap - why is my modal as faded as the background?
So I'm using Twitter Bootstrap and I have a modal that slides down when the user clicks the "Register" button.
The only problem is that the not only does the background page fade, which is a nice effect, but the modal is also faded. How can I get…
tadasajon
- 14,276
- 29
- 92
- 144
19
votes
8 answers
jQuery: interrupting fadeIn()/fadeOut()
Let's say I've called $element.fadeIn(200). 100 ms later, something happens on that page and I want to interrupt that fade and immediately fadeOut(). How can I do this?
If you call calling $element.fadeIn(200).fadeOut(0), the fadeOut() only happens…
JamesBrownIsDead
- 191
- 1
- 3
19
votes
3 answers
Fade in animation while loading image Using Picasso
I want to show a fade effect when image is loading on Imageview. I am using picasso to cache image and display in image view. I have searched alot for this but couldnt find any solution.
I have used earlier before and i know in some version they had…
Android
- 1,085
- 4
- 13
- 28
18
votes
2 answers
CSS Webkit Transition - Fade out slowly than Fade in
This is what I have:
.box{
background:#FFF;
-webkit-transition: background 0.5s;
}
.box:hover{
background:#000;
}
But this appends to both onmouseover and onmouseout actions, but isn't there a way to control them? Something…
Adam Halasz
- 57,421
- 66
- 149
- 213
18
votes
1 answer
How to fade an image with CSS without opacity?
Thanks for all the help, solution below.
I am new to web development, and I am trying to rebuild a website to practice my CSS.
The website in questions is http://www.divecarib.com. If you scroll down to the pictures on that home page, you notice…
CZorio
- 473
- 1
- 4
- 15
17
votes
4 answers
Determine coordinates of a UITableViewCell while scrolling
My goal is to have the UITableViewCells fade in/out when they are approaching the bounds of the UITableView and about to be covered/revealed.
The approach I have been trying is to get the coordinates of the UITableViewCell during a scroll event. …
Joel
- 423
- 1
- 6
- 14