new Card({ form: 'form', container: '.card'})
Card works as a drop in addition to your current credit card form. No need edit input names or HTML — you can leave everything as is.
There are no images used. The credit cards and logos are all hand-coded with HTML and CSS.
Feel free to use, modify, and distribute this library as much as you'd like under the MIT license.
Visit the Github page and follow the instructions to get started.
Yes! Right now, card ships with pure-CSS cards for Mastercard, Visa, Discover, and American Express. You can see a demo usage here.
You can contribute to the library on Github here.
Jesse Pollak, follow him on Twitter here.