An assignment for my Creative Computing class in my sophomore year was to transform a letter into a composition- to make it into something interesting upon hover.

I created this using HTML and CSS.

I chose the letter E because of its linear features and I figured I could create something interesting.

My idea was to start off with a simplified 'E' made of lines that would transform into a 3D form. I animated every single line to position the way it does in the last frame to create that 3 dimensional composition.

When you hover on the simplified E, it transforms to its 3D form but animates back when you remove your mouse.