I recently had an idea for a simple content/box toggle. You click a button (+), it rolls to the right and stops in a position so it looks like a close icon (x). It then reveals the content. You click the close button, the content will be hidden and the buttons rolls back to the left.
The idea was to only use CSS animations and transitions (Javascript only for toggling classes), especially because I'm not that good with this fancy stuff. It was a nice exercise and I quite like the result. Even though it's not perfect it shows my initial idea pretty well.
See the Pen Open and close button with animation by Martin Wolf (@martinwolf) on CodePen
