The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to achieve

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #24197

    Good day all,

    I saw this effect been done by a friend of mine on an apple, and it is all "generated" out of the program they used. I was wondering if anyone would have an idea as to how to achieve this sort of effect. I have created images as displayed in the example to represent the corners and "frame" but I have no idea other than to slap it in a table row & colomn. The other thing is to add then a picture on top of it is what stumps me.


    If anyone knows, that will be most welcome.
    Thanks again


    Hi GavinCZA,

    If I’m looking at the capture correctly you are interested in the shadow effect on the images. Just like TheDoc said you would have to create the effect in Photoshop. Once you have it though you could visit Web Designer Wall and there is a tutorial on CSS Decorative Galleries (type in search). You might want to check that out. Nick explains everything very well. This way if you create the effect you can use it with your photos on your website.

    Hope this some help.

    Jason Loucks


    @Louckster – Yeah the dropshadow effect is what I am after, I figured that there are two ways doing it, I mean you could in Photoshop create a: Lets say 400 x 400px page, design a 3 x 4 "gallery" and slap it on as a "content" background, from there position the images you want on top via CSS or something.
    I thought there was some way to dynamically create the frame of the picture (dropshadow) with the something like "left-top" / "right-top" and so on images. But I will go have a look at the site you recommended and see what they have to offer. Thanks :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.