CSS3 transition property & without JS.
Check out the demo page.We have a <nav> tag on the left of the screen with position: fixed;, a width and a fixed height.
Then we have a list with <svg> images and hidden links with display: none;, when we do a :hover over <nav> tag we added more with to the <nav> and a display: block; so that the links appear.
Finally, we have to write on the <nav> tag the CSS3 transition property:
nav{
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: line;
}
If you think you can make this better, please Download, Fork, & Commit. I'd love to see your ideas.