CSS3 webkit transitions?

You can make this work by using padding-top instead of just top : jsfiddle.net/lucylou/NWcXW/1.

Up vote 2 down vote favorite share g+ share fb share tw.

I have an image that can be clicked, causing another image to slide in above. You can then get the image to slide out again by clicking the animated image. This works fine.

But I would actually like to slide the image from bottom to top rather than from left to right, however if I change the left property to top (see commented code) one of the transitions breaks. I know I could do this is JS, but I just want to know if it's possible to achieve this using only css. (I can get the vertical tween to work if I use hover rather than click, however I need click)!

Thank you. Images CSS3 Image Slider html css html5 css3 webkit link|improve this question asked Oct 5 '11 at 10:01cass111.

This is going to be tough to solve without js. The browser scrolls the overflown div and then applies the transition. See jsfiddle.net/NWcXW – Duopixel Oct 5 '11 at 13:11 Thanks for explaining.

I think I'll give up and use JS! – cass Oct 6 '11 at 9:04.

You can make this work by using padding-top instead of just top: jsfiddle.net/lucylou/NWcXW/1.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.