This is a simple prototype that highlights the type of credit card number a user is entering based on the first n characters.
Try entering a few digits to see it in action, or play with the code on CodePen to see how it works!
See the Pen Credit card input pattern matching by Jim Horn (@JDHorn) on CodePen.
As you may have noticed from some of my CodePen posts of late, animation on the web is a very up-and-coming technology.
Check out this article on Smashing Mag for their take on the state of things animated…
The State Of Animation 2014 – Smashing Magazine.
This is a simple demonstration of how you can add animations to objects on your web pages.
See the Pen myVbob by Jim Horn (@JDHorn) on CodePen.7599
Here’s a little attempt at I made at creating an American Flag with minimal code and graphics – and a lot of CSS
See the Pen US Flag by Jim Horn (@JDHorn) on CodePen.0