Aim – Create a page all about the brain... only requirement, because the brain is awesome.
Now it's time to take it to the text editor and starting writing some stuff...
Let's bring it to life with SVG line animation for starters...
I have converted everything to SVG and added hover classes and a bit of fancy animation for some interactivity (somewhat), here is the result so far!
So after this we're gonna have to attach the hover events to some useful information, a simple example is shown below:
I have since bettered the layout and added each brain parts' functions. They highlight when the corresponding brain part is hovered. It is much slower than I'd like it to be, but we'll get to that soon:
This is definitely only the first version, as I've wanted to build something like this for a long time, so I'll be damned if I don't make it even cooler ;)
You can check out the full demo here, it's a Codepen so you'll be able to see how terrible my code is, don't have time to refactor as it is now 2:58am on a Sunday morning...
Hope you all enjoyed!