Response title
This is preview!
problem with css animation on older Safari
in Using jQuery
•
10 years ago
Hi all,
lately I discovered that some animation of mine ( that workes fine on most today browsers) does not so with the older 3.0.4 Safari I have on my old MacBook. (Yet it works fine with an even older Camino on it)
Here is the CSS:
.central {
position: absolute;
width: 60px;
height: 600px;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -30px;
}
#white_line {
position: absolute;
background-color: #ffffff;
width: 4px;
height: 150px;
top: -25%;
left: 50%;
margin-left: -2px;
}
and (part of) the animation function:
…
$whiteLine .stop(true,true).delay(2700)
.animate({'top': '0%'},950,'easeOutSine', function(){…}…
For certain reasons (of window resizing) I cannot animate the height itself so I animated the relative top position. How said it works perfect all around (the ones I tested at least) except Safari 3.0.4 how showes only the initial and abrupt final state of the whiteLine element.
Someone with an idea?
Has it do with the percenatage, the way CSS is interpreted differently?
Thanks all for hints!
Garavani
1
