• Ombres portées (titre, contenu, image)

    ~Ombre portée Titre contenu :

    .module_titre { text-shadow: 1px 1px 1px #000000; }

     

    Ce qui est écris en noir représente la propriété "ombre portée du texte" en anglais. Ce qui est écris en bleu représente le sélecteur (".module_contenu ..."). Ce qui est écris en rouge représente la valeur de la couleur en hexadécimal (c'est-à-dire # suivis d'un code de 6 chiffres et/ou lettres), le code 000000 équivaut au noir, vous pouvez le changer en allant sur le site suivant : Code couleur. Ce qui est écris en vert représente la "taille" de votre ombre (son épaisseur).

     

    ~Ombre portée article/contenu :

    .module_contenu { box-shadow: 1px 2px 30px #000000; }

     

    Ce qui est écris en noir représente la propriété "ombre portée du contenu" en anglais. Ce qui est écris en bleu représente le sélecteur (".module_contenu ..."). Ce qui est écris en rouge représente la valeur de la couleur en hexadécimal (c'est-à-dire # suivis d'un code de 6 chiffres et/ou lettres), le code 000000 équivaut au noir, vous pouvez le changer en allant sur le site suivant : Code couleur . Ce qui est écris en vert représente la "taille" de votre ombre (son épaisseur).

     

    ~Ombre portée images du contenu :

    .module_contenu img { box-shadow: 0px 0px 30px #ffffff ; }

     

    Ce qui est écris en noir représente la propriété "ombre portée du contenu" en anglais mais puisqu'on a rajouté "img" au sélecteur (".module_contenu ...") l'ombre portée sera seulement sur les images. Ce qui est écris en rouge représente la valeur de la couleur en hexadécimal (c'est-à-dire # suivis d'un code de 6 chiffres et/ou lettres), le code ffffff équivaut au blanc, vous pouvez le changer en allant sur le site suivant : Code couleur . Ce qui est écris en vert représente la "taille" de votre ombre (son épaisseur).

     

    ~Ombre portée images des menus (colonnes) :

    .module_menu_contenu img { box-shadow: 1px 1px 20px #000000 ; }

     

    Ce qui est écris en noir représente la propriété "ombre portée du contenu" en anglais mais puisqu'on a rajouté "img" et "menu" au sélecteur (".module_contenu ...") l'ombre portée sera seulement sur les images des menus. Ce qui est écris en rouge représente la valeur de la couleur en hexadécimal (c'est-à-dire # suivis d'un code de 6 chiffres et/ou lettres), le code 000000 équivaut au noir, vous pouvez le changer en allant sur le site suivant : Code couleur . Ce qui est écris en vert représente la "taille" de votre ombre (son épaisseur).

      

    ~Ombre portée de toutes (j'ai bien dis TOUTES) les images :

    img { box-shadow: 0px 0px 30px #ffffff ; }

     

    Ce qui est écris en noir représente la propriété "ombre portée de la page" en anglais mais puisqu'on a rajouté "img" au sélecteur (".module_contenu ...") l'ombre portée sera sur les images. Ce qui est écris en rouge représente la valeur de la couleur en hexadécimal (c'est-à-dire # suivis d'un code de 6 chiffres et/ou lettres), le code ffffff équivaut au blanc, vous pouvez le changer en allant sur le site suivant : Code couleur . Ce qui est écris en vert représente la "taille" de votre ombre (son épaisseur).

     

    Si vous voulez un code plus spécifique il suffit de demander en commentaire :) J'espère que cette article vous aidera ~

     


    Tags Tags : ,
  • Commentaires

    1
    Vendredi 31 Mars 2017 à 20:56

    Merci d'avoir partagé ce code CSS. Un peu d'ombrage ça rend bien !

      • Samedi 1er Avril 2017 à 09:59

        Il n'y a pas de quoi ! :)

    2
    Mercredi 3 Janvier à 22:36

    Bonsoir et merci pour ce partage

    3
    Vendredi 30 Mars à 11:48

    MERCI BEAUCOUP POUR LES CODES OMBRES

    BON TRAVAIL CELA DONNE UN PEU DE COULEUR

    AMITIES

    4
    Jeudi 25 Octobre à 21:51

    Merchi pour les codes ^^

    5
    Jeudi 15 Novembre à 13:59

    Merci. Je suis très content du résultat pour l'ombre du texte des articles chez mon amie Flaviemiky



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :