Glass morphism is a relatively new UI design trend, and it looks pretty cool.
In this video, we are going to build a cool credit card that looks like frosted glass and is actually a fillable form with simple validation.
For the validation, we are going to use a JavaScript library called Cleave.js.
Resources:
Source Code: https://github.com/codeSTACKr/glassmorphism-credit-card
Cleave.js: https://nosir.github.io/cleave.js/
Easings: https://easings.net/
⏱️ Timestamps ⏱️
00:00 - Intro
00:26 - HTML
05:29 - CSS
14:53 - Animation
16:30 - Form Validation with Cleave.js
#html #css #web-development #javascript #developer