Slidedown transition with margin/padding

I’ve been playing with a possible alternative approach to slide down transitions using CSS3 only, by animating the margin (or padding). The opacity eases in as well to make it a little softer.

What do you think?

Where does your eye focus?

See the Pen Slide down margin transition by Ben Boyle (@bboyle) on CodePen.

Advertisements