CSS Clip Path | Create Awesome Credit Card in CSS Master Series

Welcome, we all heard about the CSS clip-path property many times. But we don't know how to use it and why to use it right? So to make your doubt clear I am writing this.

What is the CSS Clip path?

The clip-path property lets you clip an element to a basic shape or to an SVG source.

Note: The clip-path property will replace the deprecated clip property.

Here is the video if you haven't watched it. Then watch it now. 

Now, all the links that I used in the video to create a Credit Card UI using HTML and CSS are

1: To generate the CSS Linear Gradient: Click Here 

2: The main CSS Clip Path generator: Click Here

Here is the Source Code: Click here to get the source code Thapa Technical GITHUB

Guys, I want you to try your own design and share here so that we can together help others. 

Thank you