# 【DailyUI #002】Credit Card Checkout

- Canonical: https://easonchang.com/posts/dailyui-002-credit-card-checkout
- Date: 2016-05-09T21:03:00.000Z
- Language: en
- Translation: AI-assisted, from the zh-TW original

[Click here to try the Live Demo](http://kamigami55.github.io/DailyUI/002_creditCardCheckout/)

[Click here for the Github source code (but it's a total unorganized mess, so maybe you'd better not look)](https://github.com/eason-dev/DailyUI/tree/master/002_creditCardCheckout)

It's DailyUI day #2!

This is getting addictive, so of course I have to keep the momentum going and continue creating really, really awesome UIs!

![dailyui_002_credit.png](https://i.imgur.com/hEbjURo.jpg)

I've discovered there are still many CSS features I don't understand yet: pseudo-elements, animation, @keyframes, transform, ......
My grasp of front-end design is still very low — I can't freely create the effects I want. But through the DailyUI challenge, I can clearly feel myself improving. I hope that after completing this 100-day challenge, I'll become a front-end developer who's actually presentable!