html, css, jQuery, PHP, mySQL

Posts Tagged ‘background images’

CSS Gallery with z-index zoom on :hover.

Monday, August 29th, 2011

In this simple version of a CSS Gallery, an unordered list is used to contain anchor tags with thumbnails as background images. On hover, the images change to larger versions of the same files, overlying the rest of the list. First, mark up a simple unordered list. <ul> <li></li><li></li><li></li> </ul> Now add anchor tags inside […]

Tags: , , , , , , , , , , , , , ,
Posted in CSS3, Tutorials | 1 Comment »

CSS From Scratch. 8:3 Fancy Boxes

Wednesday, August 10th, 2011

How do web designers manage to get those cool effects, like overlapping boxes, shadows and rounded corners? Well, it used to be fairly tricky to do, using extra <span> elements with background images (for rounded corners) and extra divs with darker backgrounds (for box shadows). Don’t even mention drop shadows on text: the only browser […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »