CSS Animated Checkmark Button

Circle_check_sierra60

11 Responses

  1. Sascha Michael Trinkaus Sascha Michael Trinkaus

    A little CSS only checkmark button with some faux conical gradient work. Here's the Codepen: http://cdpn.io/vlkDe

    likes

    3 months ago

  2. Amit Keren - Loopim Amit Keren - Loopim

    seriously this is only css ?

    3 months ago

  3. Sascha Michael Trinkaus Sascha Michael Trinkaus

    Morning @Amit Keren - Loopim :-) Yup, that's only CSS. The checkmark icon is base64 embedded @font-face, everything else is made with box-shadows. You can see the code on the page linked to above.

    3 months ago

  4. Shalva Bukia Shalva Bukia

    Looks awesome

    likes

    3 months ago

  5. Erin E. Sullivan Erin E. Sullivan

    Very impressive!

    3 months ago

  6. Ahmed Gamal Ahmed Gamal

    Great work!

    3 months ago

  7. Lorrie Liu Lorrie Liu

    Cool

    3 months ago

  8. Olia Gozha Olia Gozha

    Awesome gradient. It looks great on dark background

    likes

    3 months ago

  9. Yecid Sanmartin Yecid Sanmartin

    very niiice! love the motion on hover

    3 months ago

  10. OFFI OFFI

    schönes Ding.... und coole Farben n1

    3 months ago

  11. C-thirty6 C-thirty6

    Awesome colors!

    2 months ago

keyboard shortcuts: previous shot next shot L or F like