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
6
votes
3 answers

How can I make a particular cell of an iOS collectionView fade out as the collectionView scrolls?

I want to make all the right side cells of my UICollectionView fade out as they scroll similar to Apple's messages app but not effect the color or transparency of the other cells in the collectionView. Is there a way to adjust the transparency of a…
alionthego
  • 8,508
  • 9
  • 52
  • 125
6
votes
5 answers

HTML/CSS - create alpha mask over image

I'd like to create an effect in a site I’m building where an image is masked by an overlay. The overlay should create a “fade out” effect — I don’t actually want anything animated, but the overlay should make the image look as if it’s fading to the…
sa125
  • 28,121
  • 38
  • 111
  • 153
6
votes
4 answers

Fading a picture gradually

The idea of this function is to fade the top half only of the picture (make it gradually darker). Here is what I have but it seems to be making all of the top half solid black. def fadeDownFromBlack(pic1): w=getWidth(pic1) h=getHeight(pic1) for y…
roger34
  • 275
  • 2
  • 6
  • 16
6
votes
2 answers

Fade a link out at the end of container

I'd like to know if there is any way to fade a link out instead of truncating if it is too long to fit in container. This is what I mean (the image taken from the user966582's question): The simplest solution is to insert an absolute-positioned…
Dmitry
  • 4,232
  • 2
  • 15
  • 13
6
votes
2 answers

Creating a css and jquery fade/blur background when popup is visible

I have looked at other questions and had no luck trying to integrate other answers to my own code. At the moment, when the mouse hovers a slide down appears and when you click on the image the popup appears. I just need to fade out the background…
Nicola Conee
  • 167
  • 2
  • 3
  • 12
6
votes
2 answers

How to programmatically alpha fade a textured object in OpenGL ES 1.1 (iPhone)

I've been using OpenGL ES 1.1 on the iPhone for 10 months, and in that time there is one seemingly simple task I have been unable to do: programmatically fade a textured object. To keep it simple: how can I alpha fade, under code control, a simple…
PewterSoft
  • 61
  • 1
  • 2
6
votes
3 answers

Fading Element on Scroll

I'm curious how I can create a DIV (or anything really) that I can fade (or change opacity of) when a user scrolls down the page. This DIV would sit at the top of the page, but only be clearly visible when at the very top of the page. Additionally,…
marck
  • 143
  • 1
  • 3
  • 13
6
votes
1 answer

Fading at the bottom of a scrollable list on Android?

I have a long ListView with a white background (android:background="@android:color/white") and transparent cache color (android:cacheColorHint="#00000000"). Two questions: I am testing on a variety of devices. On older ones, the fade works fine.…
Kalina
  • 5,504
  • 16
  • 64
  • 101
6
votes
2 answers

How to cross fade between AVAudioPlayers

I want to use AVAudioPlayer and cross fade more than 2 mp3 files. I have 5 mp3 files and 5 pages "myScrollView" with UIScrollView class and pagingEnabled = YES. When user move page, I want to play each songs for each page with volume fade out for…
fluiday
  • 91
  • 1
  • 6
6
votes
6 answers

Make a div fade away nicely after a given amount of time

What is the best way to make a
fade away after a given amount of time (without using some of the JavaScript libraries available). I'm looking for a very lightweight solution not requiring a huge JavaScript library to be sent to the browser.
Mats
  • 14,902
  • 33
  • 78
  • 110
6
votes
1 answer

jQuery FadeOut many divs at once

I am trying to fade out multiple divs at once and fade in one div after that completes. Here's the code: if($(this).attr("id")==="benefits-button"){ $("#solar-about, #home-page, #process-page, #financing-page, #vendors-page,…
Vinny
  • 309
  • 3
  • 11
6
votes
5 answers

jQuery randomly fadeIn images

I have a container with a lot of small images.
...
I set opacity to 0. (not hidding) Then I want to show(fadeIn) random…
noname
  • 99
  • 1
  • 6
5
votes
1 answer

Fade effect at top and bottom of NSTableView/NSOutlineView

I'm looking for a way to draw a fade effect on a table view (and outline view, but I think it will be the same) when the content is scrolled. Here is an example from the Fantastical app: Also a video of a similar fade on QuickLook windows here. To…
Alex
  • 5,009
  • 3
  • 39
  • 73
5
votes
2 answers

How to replace ellipses with fade / fading edge in textview in Android sdk?

I have a list, each row in the list has text. Some of the text extends beyond the edge of the screen. I have no problem making it truncate the text and show ellipses. I have no problem to 'fade the edge of the text' however, the fade occurs at the…
fatfreddyscat
  • 835
  • 3
  • 8
  • 26
5
votes
3 answers

How to hide a Div when the scroll bar is moving with jQuery?

I just want the #menu to fade when the scroll bar is moving to provide a less cluttered interface. Is there code that would allow this? I guess basically what I'm looking for is how to grab the scroll bar movement event. To slowly fade out the #menu…
Mohammad
  • 7,344
  • 15
  • 48
  • 76