Temani Afif

In a previous article, we build the Stepper component and in this one, we will tackle another famous component: the breadcrumb navigation. I will try to combine modern CSS Tricks to create a breadcrumb system easy to manage and scalable.

Create a horizontal or a circular progress bar using modern CSS techniques.

Learn how to create custom checkbox and radio buttons with fancy designs using only CSS.

After the Zig-Zag boxes, it’s time to create wavy boxes! More cool shapes that you can use to decorate your images or any content. We will study two types of shapes illustrated below:

How to Create a Zig-Zag Box Using CSS In this article, we will decorate elements with fancy Zig-Zag borders (or spiky borders if you want a different name). You will probably not use such shapes but it’s a good exercise to practice with some modern CSS. Here is an overview of what we will create

Use modern CSS to create shapes with inverted radius, notch, inner curve and more!

A few CSS tricks to invert any kind of polygon shape (cut-out shapes)

Learn how to easily create CSS shapes using the clip-path property