/    Sign up×
Community /Pin to ProfileBookmark

overlapping fade-in and fade-out

I’m using either filters.alpha(opacitiy) or style.mozopacity for fading in and out of pictures.
I’ve defined 2 square canvasses on the same place with position:absolute. The reason for this is that I want to start fading in when the last picture has not yet completely faded out.
This fading in and out works fine, as long as it doesn’t overlap in time (so fading in of next picture only starts when the last is faded out to zero), or if it does, only when both pictures are overlapping (say both are landscape). When one is landscape and the other portrait, it works fine for the overlapping part, but the non-overlapping parts of the picture that is fading out, doesn’t fade at all anymore.
NN and IE behave the same.
What can be the explanation of this, and how do I get around it?

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@Mr_JMay 06.2003 — Have you tried the follwoing filter?

progid?XImageTransform.Microsoft.fade(duration=1, overlap=1.0)
×

Success!

Help @markvl spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...