Smoothen animation

Hey there,

I’m trying to create below sections.Stuck with the animation smoothness.
Amy help?
Smmoth animation [width]

I believe that this animation is all done with CSS, so I’ll request that this thread be moved over to the CSS forum where you will find experts better-suited to helping you with this.

What in particular are you not happy with? The animation appears to be reasonably smooth to me, although maybe a little fast to accurately judge.
The playout may be affected by a particular browser or your video hardware as discussed in this recent topic.


You spelt transition incorrectly in one of your rules but I guess that’s just a typo when you copied and pasted.

It’s hard to see exactly what you want to happen and also begs the question of what happens when real content is added as you have fixed the heights. I’m guessing you want a curtain blind effect and you would be better off animating the red and green as one unit rather than separate elements and in that way you can slide them off together.

I’m not sure if this is what you were after but I knocked up a quick codepen demo.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.