Floating CSS3 Toolbar Navigation With Animation

Refresh the page to see the beginning animation. Below is just filler text to help expand the length of the page to show that the toolbar is fixed. Making it follow the top of the page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu est vitae ante pharetra auctor ac ut nibh. Mauris sodales eleifend libero quis luctus. Quisque ultrices erat ut mi hendrerit a placerat urna malesuada. Vestibulum luctus iaculis suscipit. Ut ante lorem, scelerisque sit amet interdum vel, aliquet vel nisl. In dignissim massa sapien. Maecenas risus velit, ultrices eu molestie in, blandit quis neque. Integer faucibus dui eget purus lacinia in molestie nibh ultricies. Quisque turpis justo, molestie non lobortis sit amet, rhoncus eget metus. Cras imperdiet urna urna. Vestibulum malesuada iaculis nulla in aliquet. Phasellus consectetur pulvinar hendrerit. Quisque vitae odio sit amet nisi dictum pretium.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed et scelerisque velit. Integer tincidunt, lectus ac vestibulum eleifend, libero urna imperdiet libero, faucibus euismod elit est ut lectus. Vivamus magna arcu, dapibus quis sollicitudin volutpat, egestas sed ante. Vivamus sed risus tellus. Ut blandit molestie vehicula. Aliquam eleifend accumsan lectus, ac consequat ligula ullamcorper ac. Nunc pharetra iaculis eros, vel pulvinar lacus gravida nec. Etiam ac neque sit amet lorem molestie porta sed vel dolor. In hac habitasse platea dictumst.

Fusce gravida dapibus nisl, sed placerat sem lacinia et. Vivamus vehicula iaculis purus. Aenean enim magna, suscipit at imperdiet at, lobortis ut dui. Nullam at egestas turpis. Nullam quis viverra nulla. Fusce sit amet enim non est dapibus bibendum ac in felis. Sed ac nisl justo. Nullam tempus lacinia commodo. Praesent scelerisque tristique lectus sed facilisis. Etiam aliquam sapien metus, in porttitor odio. Nunc non justo lectus. Praesent imperdiet dictum ullamcorper.

In quam felis, posuere in molestie vel, vulputate vel turpis. Duis non imperdiet neque. Sed ac metus neque, in interdum tellus. Duis est enim, egestas quis luctus vel, tempus varius diam. Maecenas egestas interdum ornare. Nullam lacinia egestas nunc, sit amet pharetra diam mollis id. Nullam malesuada ullamcorper aliquam. Curabitur nunc arcu, vulputate ut vulputate ac, suscipit eget est. Mauris ut ultrices turpis. Mauris mollis viverra aliquam. Aliquam erat volutpat. Nunc vehicula rutrum massa nec posuere. Morbi id sem sit amet nibh molestie fermentum.

Morbi eu feugiat neque. Aenean nisl metus, placerat ac tincidunt nec, congue pharetra lorem. Aliquam id congue ipsum. Suspendisse pulvinar, est a semper lobortis, nunc erat iaculis purus, ac volutpat dolor enim a metus. Etiam viverra dignissim odio eu suscipit. Proin vulputate tempus justo, vitae aliquam lectus consectetur quis. Etiam scelerisque laoreet facilisis. Sed sed lectus a dolor lobortis faucibus eu nec justo. Vivamus tristique, leo et auctor euismod, est ipsum ornare nibh, ullamcorper molestie diam nibh quis ipsum. Fusce leo tortor, elementum ac consequat non, faucibus eget ipsum. Maecenas a dolor ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.