Question

I’m trying to create an animated slider for my website and I’m using floats and margins to position the elements of the slider, I was searching for anything I can integrate into my slider that will animate the elements, and I found that I need to use CSS3 transitions and those elements need to be positioned absolutely inside their parent, and this is the issue.
I don’t want to position the elements absolutely because of the way I have them positioned now and the elements have a variable size.

So how can I animate or transition these elements without using position absolute ?
I want to animate each element differently with different durations and directions.

and thanks.

UPADTE: I’m using Flexslider by WooThemes

Answer 1

you can ad through javascript to the CSS the

'+=10px' or '-=10px' 

so adds or decreases the value of the elemnt you want to animate without having to state the exact amount of result. Hope it helps

EDIT

You could also use this in your @keyframes without any javascript