Table of Contents
In this project, we will be creating these fancy navigation arrows, with CSS only!
We will be practicing CSS pseudo-elements, flexbox, gradients, transform and box shadow. We will also practice :nth-child selectors.
We will also be using CSS clip path and filter, which aren't covered in the course yet. I suggest you follow the suggestions outlined in the Automatic CSS learning path chapter for when you encounter CSS properties you don't yet know about!
- Uses the default Elementor Icon List Element
- Hover styling using the CSS filter property
- Pseudo-element for the bottom shadow
Get the full CSS course now to unlock this chapter, and 50+ others.
Element.how also provides premium tutorials showing awesome advanced designs, check them out here.
And get exclusive Elementor related discounts here
Checkout the Elementor Addon Finder directly