22 March 2018 / Form

Payment card checkout in CSS and JavaScript

Payment card checkout in CSS and JavaScript

Payment card checkout

Payment card checkout in HTML, CSS and JavaScript.

Supported card:

4: VISA, 51 -> 55: MasterCard, 36-38-39: DinersClub, 34-37: American Express, 65: Discover, 5019: dankort

View demo Download Source

Made with

Html
Css
JavaScript

Author

Simone Bernabè

Demo

See the Pen Payment card checkout by Simone Bernabè (@simoberny) on CodePen.

— HTML JavaScript CSS Snippets | CodeTea.com —

Form

Form fields with material design and video background in pure CSS

Form fields with material design

Material Design Login Form

A Material Design Login Form example.

Sign up form with validation handling for the daily ui challenge

Heavily GSAP’ed sign up form with validation handling for the daily ui challenge.

— Next Post —

Pure CSS credit card flat design

Pure CSS credit card flat design.

— Prev Post —

Sass Flip Contact Form in CSS and JavaScript

Flip contact form in HTML, CSS and JavaScript.

Latest

Pretty dropdown menu

Dropdown menu with little jQuery

Nice dropdown menu with animation

Cool dropdown menu effects pure CSS

CSS Staggered Animation Dropdown Menu

Tag

Loading 90 Menu 80 Button 70 Modal Dialog 64 Popup 63 Timeline 61 Form 59 Radio Buttons 51 Cards 46 Pure Css 41 Clock 37 Music Players 30 Tabs 28 Background Patterns 28 Input 27 Gallery 26 Hamburger Menu 24 Text 24 Animations 23 Tooltips 22 Material Design 22 Hover 21 Pagination 20 responsive 19 Image Comparison 18 Select 17 Credit Card 16 Parallax 15 slider 14 SVG 13