Open Source Resources for Web Application Developers WebAppers - Hunting the Best Open Source Resources for Web Developers

Professionally Designed Web Icons for Your Websites

One of the least used properties in CSS is the Clip property. Clip is part of the visual effects module of CSS 2.1 and its job is to place a visible window on top of an object that is being clipped.

It is useful for clipping images and creating thumbnails without having to create additional files. Creating Thumbnails Using the CSS Clip Property can be used to create square thumbnails, or to create other varieties of thumbnails without actually duplicating files on the server.

You can also add some drop shadow to the clipped thumbnail by using three wrapper divs with negative offsets of slightly varying background colors to create a shade effect.

css clip

Requirements: -
Demo: http://www.seifi.org/css/creating-thumbnails…
License: License Free

Related Web Resources
Our Sponsors
Bookmark and Share this Article
Media Temple Hosting
Advertise Here

Search Site


Advertise on WebAppers