There are multiple ways to add the animation I have in this post.
Step 1: HTML
Let’s add some HTML and create a container.
I’m going to use the empty div with class inner to add skewed boxes.
Step 2: CSS
Let’s add CSS for that and for the texts.
You can see the skewed boxed on top of the main container. Also, there are two additional classes left and right.
Let’s use those additional classes to create the animation.
Again, many ways to do the same animation and I am sure there are better ways to do it too. Play around with the example.
animation examples property sass skewX slider style transform