Hello again, I want to add an inset effect or some sort of similar effect on all jpegs so they don't look so flat on the webpage. I've read a few drop-shadow tutorials, but i don't really like drop-shadows. If I create something in Photoshop, should it be just lines or a square transparent graphic? and what would the css be to add it to multiple images/div's.

I hope this makes sense and many thanks.


2 answers

This was chosen as the best answer

To add css to all images/divs you'll need.

img { css attributes here}
div {css attributes here}

With jpegs, you'll usually need to add the effect in photoshop or gimp or whichever, depending on the effect, css3 can do some things like shadows and blurs, if you don't care about IE but mostly I stick to photoshop and pngs.

Answered almost 7 years ago by Kyle Sevenoaks

The only "inset" effect you can really apply to an image in CSS would be a border or a WebKit mask.

Answered almost 7 years ago by Nathan Duran