How it works
The demo uses :before and :after elements to create a fake drop shadow, since CSS text shadows are quite slow to
animate. A simple JS snippet then finds all elements with the
.popart class and sets the custom
text-content attribute, so that the Pseudo Elements can copy the heading text. That get's read in CSS
Now we just have to set their transform properties on mousemove and we're done!
If you like this design, why dont you check out some of my other design experiments