CSS CANDY STRIPE BORDER USING CLIP-PATH

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

Add a Comment

Your email address will not be published. Required fields are marked *