10 years ago
RZ MenuThis is a 3 levels deep responsive vertical menu. It uses Font Awesome icons. It has 6 color schemes, but you can easily add more.
Tag: css3 · Page 20 of 32
10 years ago
RZ MenuThis is a 3 levels deep responsive vertical menu. It uses Font Awesome icons. It has 6 color schemes, but you can easily add more.
10 years ago
ContextMenu.js : JavaScript & CSS3 Drop Down MenusContextMenu.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.

10 years ago
Shaded 3D Progress Bars with CSS/SassToday 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.

10 years ago
Responsive Sidebar Navigation with CSS & jQueryIf you’re working on an admin panel, chances are you’ll need to design and develop a vertical menu, with plenty of sub-categories. That’s why we decided to share today’s snippet! Our Sidebar navigation can make your life easier by providing a starting, simple template for your next project.

10 years ago
cardflip : Card flip Animation with jQuery & CSS3Simple card flip animation using jQuery and CSS3 animations.

10 years ago
Fullscreen Video Opening Animation with CSS3In 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.

10 years ago
Actuate.js : jQuery wrapper for Animate.cssA jQuery wrapper for animate.css that makes it one line easy to start using css animations. The plugin includes a bunch of swaggy animations but can be used to initialise any animation you like.

10 years ago
Styling & Customizing File InputsA tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript.

10 years ago
SVG Modal Window with CSS3A simple modal window with an SVG background animated using Snap.svg.

10 years ago
Elastic Progress with SVG & CSSAn elastic SVG progress loader based on the Dribbble shot “Download” by xjw and implemented with SVG and TweenMax.
