Just a little CSS tomfoolery.
Not that kind of hamburger.
I wanted to share this little bit of code, because I think it’s awesome.
I came across a tutorial online that caught my eye. It wasn’t the tutorial itself that I liked, though; it was the image they used in the header.
I had an idea to create an animation of an envelope opening, and a piece of paper being removed and unfolded. This is the result.
Inspired by Andy Park’s Pure CSS Tooltips pen, I took it one step further. Data attributes define the placement of the tooltip: left, right, top and bottom.
Generally speaking, I don’t use the family site for posting stuff related to coding. But every once in a while, I’ll write something that I just have to share. I was inspired by a Photoshop tutorial which details the creation of a cool little share dropdown. It deals solely with the imagery, however, not functionality. So I set to work to recreate it in code.