• Ombre

    Je suppose que vous utilisez l'attribut box-shadow qui ajoute une ombre sur les limites extérieures d'une image ou d'un paragraphe.

    <p style="width: 400px; height: 300px; background:pink; border: 1px solid black; box-shadow: 4px 4px 8px black; text-align: center;">exemple</p>

    Ce code simple et général  nous permet de choisir le ou les côtés avec ombre, de paramétrer leur largeur, la valeur du flou et la couleur.
    L'écriture est acceptée par tout navigateur.
    Cependant, sur une image transparente, on peut souhaiter que l'ombre s'applique, non pas sur le cadre mais sur l'image elle même et, dans ce cas, un autre attribut existe: drop-shadow.
    Appliqué à une image transparente, l'ombre va en suivre les contours.

    Le premier exemple reprend le code précédent, en box-shadow.
    Le second est en drop-shadow, qui demande d'écrire le code pour Firefox et pour les navigateurs en webkit (Chrome, Safari...)
    <p style="width: 500px;"><img id="omb1" src="http://ekladata.com/3TIUW9cEBRAYvthDf67nU_GBOdk.gif" alt="" /> <img id="omb2" src="http://ekladata.com/3TIUW9cEBRAYvthDf67nU_GBOdk.gif" alt="" /></p>
    <style><!--
    #omb1{box-shadow:5px 5px 8px black;}
    #omb2{filter:drop-shadow(5px 5px 10px black); -webkit-filter:drop-shadow(5px 5px 10px black);}
    --></style>

    Sans et avec.