• Ce script place une lueur noire sur toutes les images cliquables du contenu

    lorsque l'on passe la souris dessus

    exemple  sur mon autre blog  ICI 

    Ombre sur les Image cliquable

     

     

    Code CSS#content img:hover{
      opacity1;
      -webkit-box-shadow0px 0px 15px #000000;
      box-shadow0px 0px 50px #000000;
      }
     #content img {  -webkit-border-radius00px;
      border-radius00px;
      -webkit-transition0.4s linear;
      transition0.4s linear;
    }

    Vous pouvez modifier le code de couleur " ce qui est en rouge dans le code" .

    vous pouvez également modifier l'intencité de la lueur " ce qui est en vert dans le code '

    -----------------------------------

    Si vous  voulez les coins arrondis c'est ce qui est en bleu dans le code

    *

    Coller le(s) code(s) à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 


  • Sur tout les codes d'ombres portées que j'ai posté sur mon blog ,

    ce sont des codes pour des ombres externes .

    Si vous voulez une ombre interne,

    Il suffit d' insérer ce mot "inset" dans le code .

    Exemple :  ici  pour le fond avec une ombre externe le code est :

    Code CSS #background {box-shadow1px 2px 20px #000000;}

    et pour une ombre portée interne le code est :

    Code CSS #background {box-shadow: inset 1px 2px 20px #000000;}

     *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 


  • Ombre portée sur toutes vos fenêtres 

    exemple

    Ombre portée sur toutes vos fenêtres

     

    Code CSS

    ​.window{ box-shadow: 2px 2px 20px #000000;}​

    Vous pouvez modifier le code de couleur ici

    regardez la capture suivante (d'office elle est noire)

    Ombre portée sur toutes vos fenêtres

    et ici vous pouvez modifier l'intencité de l'ombre 

    le dernier chiffre est le flou de l'ombre

    Ombre portée sur toutes vos fenêtres

    Astuce 1 :  Si vous voulez que l'ombre portée soit à gauche plutôt qu' à droite , il suffit de placer un "-" devant les deux premiers chiffres .

    Astuce 2  : si vous voulez une ombre uniforme un peu comme une lueur , placer un "0" à la place des deux premiers chiffres 

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 





    Suivre le flux RSS des articles de cette rubrique