I made this menu with a[href="#menu"] and :target.
The menu is animated with CSS.
It works without JavaScript and without CSS.
Without JavaScript you won't see some of the animation.
Without CSS there won't be animation but the menu will always be visible.
Works in IE10
Array.prototype.forEach
Used for loops
querySelector
Used for element selection
requestAnimationFrame
Used for high performing animations
matchMedia
Used for small screen menu's
window.matchMedia- IE10
- Edge
- Safari 5.1
- Chrome 9
- Firefox 6
- Opera 12.1
Array.prototype.forEach- IE9 (When not in 'strict mode')
- Edge
- Safari 6
- Firefox 21
- Chrome 23
- Opera 15
document.querySelector- IE9
- Edge
- Safari 3.1
- Firefox 3.5
- Chrome 4
- Opera 10.1
window.requestAnimationFrame- IE10
- Edge
- Safari 6.1
- Firefox 23
- Chrome 24
- Opera 15.0