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