En évitant de trop paraphraser, je vais vous décrire très simplement la méthode mise au point par Jeff Harrell sur son site The Shape of Days pour appliquer des ombres en CSS sur une image. Info découverte via CSS Vault.

Le principe est de créer une ombre en appliquant uniquement du style CSS sur l’image sans passer par une <div&gt superfetatoire ou un filtre inventé par et pour Microsoft. Bref, tout en restant conforme aux normes.

En outre, l’intérêt est de garder une image dénuée de toute transformation relative à un visuel. L’image doit être uniquement stylée par et pour un design afin de pouvoir être réintégré dans n’importe quel visuel. Le but est donc celui-ci :

Mais je vous laisse lire cet article-qui-tue de Jeff Harrell, en anglais certes, mais très bien illustré et facile de compréhension.

My contribution to the CSS shadow kerfuffle

En attendant la propriété box-shadow de CSS3, on passera sur le fait de créer 4 <div&gt pour réaliser l’effet…