css Archive

Product Comparison Layout & Effect is a basic responsive product grid layout with comparison functionality and a slide-in effect. This Blueprint is a responsive product grid layout with comparison functionality. A maximum of three items can be selected for the product comparison. …

This is a tutorial to create a secondary content panel that folds flat, powered by CSS Transformations and jQuery.Developed by Codyhouse. These kind of folding panels are being integrated quite often in mobile apps ane became very popular. There will be cases …

This is a tutorial by Codyhouse.A bold navigation that slides in when active, replacing the current content in a 3D space. Bear in mind, though, it doesn’t have to be the “main” navigation. You could have, for example, a product gallery and …

HTML GL solves “the slow DOM problem” by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. …

This is a simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Today’s snippet comes from Codyhouse.It is all about a single CSS property: background-attachment. You can set the background to be fixed within the …

This is a collection of fresh button styles and effects for your inspiration by Codrops. CSS transitions and pseudo-elements have been used for most of the effects. The current “button trend” is quite exciting since there are a variety of design details …

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements. While these effects are based on the place you click or …

Social Share Kit is a library of decent and good looking CSS/JavaScript social sharing tools like social network icons, share buttons, floating/sticky button bar and popups. Social share kit is FREE for non commercial use. Features: Retina ready with font icons Use …

This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, …

This a collection and tutorial of some fun effect and layout ideas for the first step of a checkout process in an online store by Codrops.Mary Lou is using morphing buttons concept together with CSS transforms and transitions. The checkout process in …

This is a tutorial by Codrops on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid. The idea is to initially show a fullscreen image with a title and …

Today’s free design resource is created and shared by Mamun Srizon a Web & Mobile UI/UX Designer. SantaGo is another free Bootstrap Responsive HTML Christmas sales and affiliate page template built and distributed by EvenFly Team as a small Christmas gift under …