Category: CSS

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 …

Delightful and performance-focused pure css loading animations.A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations. …

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline created by Codrops. The idea is to simulate the bounciness of a trampoline …

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 …

A CSS grid framework built on SASS to provide an automatic responsive grid for web developers with flexibility for manual control when needed. This grid is a float and padding-based grid, meaning that it works …

This is a tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG by Codrops. Can the text fill be animated? Can you fill …

Littlebox is a set of icons made entirely with CSS.Each littlebox icon is made up of three or fewer elements, but can be called with as a single element with class .lb-icon followed by the …

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 …

What’s a transformicon? It’s an animated symbol/button using CSS and presented in a neatly packaged library for Sass along with Vanilla CSS. Transformicons are mostly powered by CSS however, a little piece of JavaScript is …

Turret is a responsive frontend framework build with LESS to normalize styles for default HTML elements, created by Scott de Jonge. Turret has a simple and intuitive grid system and responsive utility classes for quick …