![](https://webartdevelopers.com/blog/wp-content/uploads/2021/12/css-candy-stripe-border-using-clip-path-1024x576.png)
Author:
- Brian Haferkamp
- March 5, 2020
Made with:
- HTML (Pug) / CSS (Sass)
About the code:
This is a nice ans simple Border Animation, in which, you can create a responsive candy stripe border using the clip-path
property on each of the list items in a ul
. Change the height, background color, and stripe color very easily.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: Yes
Dependencies: –
Download Demo and Code