Create an animated and stateful toggle using only CSS(petelada.com)

over 6 years ago from Pete Lada, Co-founder and Designer at Guidebook

  • Chris ColemanChris Coleman, over 6 years ago (edited over 6 years ago )

    I like that bounce!

    I made a similar thing a few years ago. It was mainly an attempt to play with Sass mixins, but I also needed it at the time. It can take any text and it's easy to make it whatever size you want.

    http://codepen.io/freshyill/pen/KavfD?editors=010

    I just gave it a quick update to remove the Compass dependency since we have autoprefixer these days.

    2 points
    • Pete LadaPete Lada, over 6 years ago

      Nice. The pen has some syntax errors btw (extra closing parens), but nice solution!

      1 point
      • Chris ColemanChris Coleman, over 6 years ago

        Thanks!

        And thanks for catching that. Looks like extra closing parens were the result of my hasty removal of Compass earlier.

        0 points