CSS Archive

Stretchy is a good script for form control autosizing, one that worked on multiple types of form controls (inputs, textareas, even select menus).It’s been developed by Lea Verou You can also use it as a bookmarklet, to autosize form controls on an …

This is a perfect tutorial by Codyhouse.It’an animated page transition effect with a slide-in content animation triggered by a side tabbed navigation.Basically hover effect turns into a loading bar, that finally expands with new content. When a user clicks one of the …

AcceCSS is a Sass Mixin that debugs & checks the accessibility of your designs.This mixin will allow you to get an overview of all the zones of your layout, get a grayscaled version to check the contrast, as well as 8 different …

This is a responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.It’s been created by Codrops. This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation …

Color Extraction Effect is a little slideshow with a color palette creation effect using CSS Filters and Vibrant.js. The idea is to create a color palette from an image with a subtle effect on the image itself and some fanciness on the …

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect. Basically add a tilt effect to an image by subtly moving copies …

This is a CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax. The idea come from replacing the refresh of a web page with an animation, that takes place while the new page content …

This is a collection of 15 simple CSS spinners made with CSS and minimal HTML markup. You can use any spinner on your site with only a few lines of code. Or check out the source on Github and start making your …

This is a responsive and easy to customize mega-dropdown component tutorial by Codyhouse. One of the most challenging part when you’re working on a web projects with lots of content is to make it easy for a user to navigate through this …

Yes, i know this is not something fresh but i just want to share for whom did not not see it yet.It’s called Tearable Cloth – a Javascript cloth simulation.It’s been created by dissimulate Tearable Cloth Tear the cloth with your mouse …

This is a Pure CSS Content Filter by Sam Gordon For a simpler effect with fewer lines of CSS, trade the width, height, padding, margin, and opacity properties in each checked input style for “display:none;” — these styles were just set to …

This is an animated button effect based on Google’s “Material Design”.The buttons and effects are all created in CSS so you do not need JS.They have nice and discreet effect. It’s been created by Jon Brennecke – Freelance Developer from Portland, OR. …