Stack Overflow
Stack Overflow

Questions tagged [fade]

Fade refers to the UI technique of having page elements gradually gain or lose visibility, usually in response to a user action.

1685 questions
137
votes
4 answers

Fade Effect on Link Hover?

on many sites, such as http://www.clearleft.com, you'll notice that when the links are hovered over, they will fade into a different color as opposed to immediately switching, the default action. I assume JavaScript is used to create this effect,…
Miles Henrichs
  • 2,300
  • 3
  • 20
  • 23
122
votes
10 answers

Can I change the Android startActivity() transition animation?

I am starting an activity and would rather have a alpha fade-in for startActivity(), and a fade-out for the finish(). How can I go about this in the Android SDK?
coneybeare
  • 33,113
  • 21
  • 131
  • 183
105
votes
6 answers

How to fade to display: inline-block

In my page I have a bunch (about 30) dom nodes that should be added invisible, and fade in when they are fully loaded. The elements need a display: inline-block style. I would like to use the jquery .fadeIn() function. This requires that the element…
Boris Callens
  • 90,659
  • 85
  • 207
  • 305
101
votes
9 answers

How do you fade in/out a background color using jquery?

How do I fade in text content with jQuery? The point is to draw the user's attention to the message.
mrblah
  • 99,669
  • 140
  • 310
  • 420
94
votes
15 answers

How to fade a UIVisualEffectView and/or UIBlurEffect in and out?

I want to fade a UIVisualEffectsView with a UIBlurEffect in and out: var blurEffectView = UIVisualEffectView() blurEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .dark)) I use a normal animation within a function called by a UIButton…
LinusGeffarth
  • 27,197
  • 29
  • 120
  • 174
74
votes
9 answers

Using fadein and append

I am loading JSON data to my page and using appendTo() but I am trying to fade in my results, any ideas? $("#posts").fadeIn(); $(content).appendTo("#posts"); I saw that there is a difference between append and appendTo, on the documents. I tried…
user39980
64
votes
6 answers

fadeOut() and slideUp() at the same time?

I have found jQuery: FadeOut then SlideUp and it's good, but it's not the one. How can I fadeOut() and slideUp() at the same time? I tried two separate setTimeout() calls with the same delay but the slideUp() happened as soon as the page loaded. Has…
Matt
  • 9,068
  • 12
  • 64
  • 84
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
56
votes
6 answers

Android: Fade view in and out

I need to display an image button that fades in and out (and in and out and so on...) The transparency can be set with setAlpha but how can I fade in and out? I mean I cannot do it on another thread because you need to do such things on the UI…
DominicM
  • 2,186
  • 5
  • 24
  • 42
51
votes
2 answers

Vue.js page transition fade effect with vue-router

How to achieve a fade effect page transition between vue-router defined pages (components)?
Kaspi
  • 3,538
  • 5
  • 24
  • 29
50
votes
8 answers

How to fade changing background image

I want to fade the images when I do this code: $("#large-img").css('background-image', 'url('+$img+')'); I've tried putting fade in so many places. Thanks
fadejquery
  • 503
  • 1
  • 4
  • 4
49
votes
4 answers

making the edge of the scrollview fade when scrolling in android

I have a ScrollView with an image in it. I want the edges of the ScrollView to make a fade effect when I scroll the image. I'm not talking about the effect you get when you get to the end of the scroll. I want the fade to always exist. That's what i…
roiberg
  • 13,629
  • 12
  • 60
  • 91
44
votes
4 answers

jQuery Change Image src with Fade Effect

I'm trying to create an effect where you click on a thumbnail image, and the link to the thumbnail will replace the main image, but fade it in. This is the code I'm currently using: $(".thumbs a").click(function(e) { e.preventDefault(); …
WebDevDude
  • 829
  • 1
  • 8
  • 14
37
votes
5 answers

Using jQuery .hide() with fading

I have a .hide() function that hides divs based on checkboxes. JS Fiddle of it working here Real site example here I'm trying to give it animation so that the .hide() will fade in/out rather than just disappear. Tried utilising the jQuery Fade…
Francesca
  • 26,842
  • 28
  • 90
  • 153
35
votes
4 answers

Is there a way to disable/edit the fading that a list view has at its edges?

Scrollable views such as the ListView have a fade out of the content along the edges where there is more content in that direction. How can I turn this fading off? I know you can change the cacheColorHint as discussed here:…
cottonBallPaws
  • 21,220
  • 37
  • 123
  • 171
1
2 3
…
99 100