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…

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…