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
15
votes
3 answers
CSS3 Fade Effect
a {
float: left;
width: 32px;
height: 32px;
text-align: left;
text-indent:-9999px;
background: url('../img/button.png') no-repeat 0 0;
-webkit-transition: background 300ms ease-in 2s; /* property duration timing-function…
eozzy
- 66,048
- 104
- 272
- 428
15
votes
8 answers
Pure JavaScript fade in function
Hi friends i want to fade in a div when i click on another div and for that i am using following code. Code1 works fine but i require to use the Code2.
I know there is jQuery but i require to do this in JavaScript
Can you guide me that what kind of…
kanudo
- 2,119
- 1
- 17
- 33
15
votes
3 answers
angularjs chained fade-in / fade-out transition
I have looked at the official show/hide transition example at the bottom of this page... http://docs.angularjs.org/api/ng.directive:ngShow
I have tried to modify it to get a seemless fade transition (transition: opacity 0.5s ease-in-out) from one…
user2754486
- 311
- 1
- 2
- 9
14
votes
4 answers
How to rotate 4 (or more) images, fading between each one?
I have 4 images, which I want to fade between each other in a loop. I have something like the following:
Darryl Hein
- 142,451
- 95
- 218
- 261
14
votes
6 answers
Fade edges of div with jQuery
How can I fade edges of a div with jQuery? Think of a carousel with images inside that slides horizontally. How can I fade out the left and right sides so that images near the edges disappears gradually.
Hope it's clear. :)
Sandro Antonucci
- 1,683
- 5
- 29
- 59
14
votes
4 answers
Div opacity based on scrollbar position
Find an example of how to fade out a div when the scroll bar reaches a certain position here. But it's not a smooth throttle-type fade. Here is the code from that jsfiddle:
var divs = $('.social, .title');
$(window).scroll(function(){
…
user433575
- 357
- 1
- 4
- 13
13
votes
3 answers
Change background color every 30s (fade transition)
I would like someone to tell me what's the code for making a webpage background color (the background color of the whole page) to change (fade transition) every 30s to a given color variety. Is it simple? I guess css will make it easier?
I've…
Billef32
- 275
- 2
- 3
- 9
13
votes
8 answers
JQuery help - animate background color
Using JQuery, what I want to do is create a function that when I call the function, it will fade the background color of my "#page" DIV from the CSS defined background color to yellow then back to the original CSS background color for #page.
Any…
GregY
13
votes
3 answers
CSS fade left to right
Is there a way to fade elements (at least just text) in and out going left to right or vice-versa using only CSS?
Here is an example of what I mean:
Actually, if it requires jQuery, I'll accept that too, just as a second priority.
Bobe
- 2,040
- 8
- 29
- 49
13
votes
3 answers
Simple fade in fade out div with jquery on click
THIS CODE UNDER HERE WORKS, you can read the answers under here - i edit this for future reference.
HTML:
Bank…
user1562679
- 145
- 1
- 3
- 10
13
votes
8 answers
iOS SDWebImage fade in new image
I've been using SDWebImage on my iPhone app to handle all of the image loading. I am using a placeholder image, and I want to crossfade or fade in the new image once it loads. I am using a success block to set the image, and it is working great. No…
nothappybob
- 3,097
- 4
- 16
- 15
12
votes
2 answers
Andengine fade in/out and alpha modifiers not working
I have a problem with AndEngine GLES2.
I have this code:
Sprite black = new Sprite(0,0, blackRegion, this.getVertexBufferObjectManager());
black.setSize(CAMERA_WIDTH, CAMERA_HEIGHT);
black.registerEntityModifier(new AlphaModifier(2, 0,…
Jonas Peteraitis
- 333
- 4
- 16
12
votes
2 answers
jQuery: fading in modal dialog
is it possible to smoothly fadein a jquery modal dialog? (can't find anything in the docs).
i've tried fadeTo but didn't help.
Fuxi
- 7,611
- 25
- 93
- 139
12
votes
7 answers
Calculate a color fade
Given two colors and n steps, how can one calculate n colors including the two given colors that create a fade effect?
If possible pseudo-code is preferred but this will probably be implemented in Java.
Thanks!
TT.
- 1,339
- 3
- 13
- 13
11
votes
4 answers
jQuery - How to fade in/out from one color to another? (possible 3rd party plugin fo jQuery?)
I'm looking for a jQuery script or a 3rd party plugin for jQuery, which can create a fade in/out effect based on "from color" and "to color". Example how I see it:
$( selector ).fadeColor({
from: "#900", // maroon-red color
to: "#f00", //…
user798596