Crop.less

Crop.less works on top of the box-sizing and background-size CSS properties, packed in a series of LESS mixins that can easily be used with any image embedded on your site.

These mixins will help automatically cut an image and display it inside a container at various sizes, without having to use different versions of the same photo resized at various dimensions.

Crop.less works with both desktop and mobile browsers/environments.

It's also unaffected by media queries and plays nice with CMSs, template engines, JavaScript frameworks, or UI toolkits.

A demo is included with the download package. Usage instructions are provided inside the library's source code (in the header section).

Features:

• Cross-browser tested
• Works with responsive layouts
• Can handle any aspect ratio
• Easy to use