How to create a LESS mixin loop

Use LESS as a CSS pre-processor to create class loops instead of writing them yourself. Use a mixin loop for margin classes, font-sizes or anything you want…

Animated Menu with Pseudo-Elements

Neat CSS menu effect with pseudo-element transitions. Very easy and very effective way to animate menu items on hover…

Add CSS Blur with this LESS mixin

Use CSS filters to create Blur effect on your images. This CSS property is just supported by Chrome, Safari and Opera (webkit browsers)…

CSS 3D card flip

Inspired on the Google Plus card flip here’s an example of CSS transforms and transitions…

Pure CSS spinner

Create CSS spinners with just CSS and pseudo selectors :after and :before. Use transparent borders and transforms to create animated circles…

CSS spinners with font icons

Create spinners out of icon fonts using simple keyframes animations and transforms…

How to color the input placeholder with CSS

Did you know that you could change the placeholder color of an input text? The color attribute will only color the text you enter with the keyboard.

How to create a CSS circle with border-radius

With the CSS3 property border-radius we can create perfect circles. Basically set border-radius to 50% and then a width and height. I’ve added some extra styles to make it look prettier…