• Ombre relief 3D

    Pour créer un effet relief, on peut mettre une ombre blanche d'un côté de l'image et noir ou grise, de l'autre côté, par un code assez simple.

    Je continue à publier mes images par l'icône "image", ce que doivent faire beaucoup; taille 800x600px centrée et pas de lien.

    Ombre relief 3D

     

    Le code en code source:

    <p style="text-align: center;"><img src="http://ekladata.com/SygEU4pIk70bDyFgtV34us2Roxg@800x600.jpg" alt="Ombre relief 3D" /></p>

     

     

    Le code modifié en code source:
    <p style="width: 800px; height: 600px; margin: 10px auto; border: 1px solid black; box-shadow: white 10px 10px 40px inset, black -10px -10px 40px inset; background: url('http://ekladata.com/SygEU4pIk70bDyFgtV34us2Roxg@800x600.jpg');">&nbsp;</p>

    Qui donne un résultat plus agréable, sur une image arrondie; il suffit d'ajouter: border-radius:50%; après un ; du code précédent.