A simple mega nav menu in pure CSS. This mega nav uses top-rated CSS classes for modern features, like colors for background and to change text on hover and stuff.
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
CSS Multi-Level Accordion Menu
Today’s resource is a handy accordion menu with support for groups/subitems. It works with CSS only, using the :checked pseudo-class selector on the checkboxes input elements. However we included a version with jQuery as well, in case you prefer a subtle animation compared to the instant default effect.
Shaded 3D Progress Bars with CSS/Sass
Today we’d like to show you how to create some pure CSS progress bars with a special 3D look. Consider this tutorial an advanced CSS exercise that will give you insight in a lot of interesting 3D properties and shading techniques. Creating UI components using only CSS will train your ability to think outside of the box and in this tutorial we will show you some tricks on how to create a more complex shape, use it as a progress bar and animate it.
ContextMenu.js : JavaScript & CSS3 Drop Down Menus
ContextMenu.js is a jQuery plugin for creating highly customizable drop down menus triggerable by various mouse events. Use it to create context menus, drop down lists, navigations, and more.
- 9 customizable options
- 7 transition effects
- 3 action hooks
- 4 menu item types
- Various trigger events
- Dynamic event binding
- Custom positioning
- HIDPI ready
Fullscreen Video Opening Animation with CSS3
In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the Moments App page, you will see a new image appearing on the photo stack which contains a video. The animation is a slight rotation of the frame and a subtle scaling of the video, which already starts to play. The whole wrapper expands to full screen without any play controls; just the closing cross will be shown. Once the video ends, or, if the user clicks on the closing cross, the video will simply disappear.
