Tag: thumbnails

Using Custom Data Attributes and Pseudo-Elements

A tutorial to show you some simple CSS tricks using data attributes and pseudo-elements. The aim is to create an image caption using only an anchor and an image as markup…
csshead 0 Comments

CSS Image Switcher

Build a CSS only image switcher with help from this screencast. There’s no JavaScript used, just plain CSS. The trick is some simple z-index switching on hover and a bit of absolute positioning…
csshead 0 Comments

Snazzy Hover Effects Using CSS

With all these CSS3 effects and tutorials popping up every day that show all the new and wonderful things we can make happen, we sometimes forget about poor little old CSS2.1 and the great potential it still has.With very good browser support, we can do lots of cool things that we know will work in […]
csshead 0 Comments

Creating Thumbnails Using the CSS Clip Property

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 […]
csshead 0 Comments