css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

A simple pure CSS switch in just 45 lines of code, anything else is just for the cute background animation and positioning.

I also discovered that switching this is like a therapy when you're bored at the office, so come back anytime you're boring.


  1. Love the tweening <3

  2. simple and inspiring.... reminds me how fun this stuff can be (spent all day doing invoices and the business end of things... ugh. )

  3. Wooooow so cool man!, What a great pen :)

  4. glad you liked it guys, thank you!

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.