9 years ago
Bootsnav : Bootstrap Menu Multi Purpose HeaderBootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.

Tag: CSS2 · Page 8 of 31
9 years ago
Bootsnav : Bootstrap Menu Multi Purpose HeaderBootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.

9 years ago
WAIT! Animate : Insert a delay between each Animation IterationProvides an easy way to calculate CSS keyframe percentages so that you can insert a delay between each animation iteration.

9 years ago
Multi-Layer Page Reveal Effects with CSS & JavaScriptToday we’d like to show you how to create a simple and modern page transition effect. Maybe you have spotted some of the cool effects seen on sites like Nation or Keep Portland Weird, where two or more layers of overlays are animated across the page to reveal some new content. Let’s see how we can do something like that. We’ll focus on the animation part only, not the loading of content. For the effects we’ll be using CSS Animations.

9 years ago
Animated CSS3 Input Checkbox with Checkbox.cssA tiny set of CSS3 animations for your input checkboxes.

9 years ago
Isometric and 3D Grids with CSS3Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations. The second demo shows some ideas for “static†grids that are not scrollable but that serve more kind of a decorative purpose.

9 years ago
Animated Transition Effects with CSS & jQueryA library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has since become one of the most popular here on CodyHouse, therefore we decided to team up with talented motion designer Gabriele Mellera to create a small library of transition effects!

9 years ago
Multi-Layered Parallax Illustration with CSS & JavascriptIn this tutorial we will learn how to create a simple multi-layered illustration with depth that transitions into the content in a unique way. We’ll be using a technique that involves CSS and pure JS (no jQuery!).

9 years ago
Auto Inherit Bootstrap Theme Vertical SidebarIt is a ready to use component in any bootstrap website. It consists of a vertical navigation menu based on css3 and jQuery.

9 years ago
Timon : jQuery Step Form WizardWith Timon – Step Form Wizard you will have power combo of 21 different styles, 8 different transition effects, validation in your step form, titles and subtitles with multiple step. , also Timon – Step Form Wizard has predefined set of form sizes from tiny to large. You can easily create and customize any form to fit your needs.

9 years ago
SlideMenu : jQuery Responsive Sliding MenuSlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.
