L1 Info : Informatique et Document, CSS
 
◃  Ch. 7 CSS 3  ▹
 

Ombres logo css 3

  • box-shadow the box-shadow property
  • Quelques exemples :
    background-color: #00E676;
    box-shadow: 20px 10px rgba(150,0,0,0.4); // décalage horizontal et vertical
                                             // + couleur de l'ombre avec transparence 
    Span ombré Span ombré
    background-color: #00E676;
    box-shadow: 20px 10px 10px rgba(150,0,0,0.4); // + floutage de l'ombre  
    Span ombré Span ombré
    background-color: #00E676;
    box-shadow: 20px 10px 0 10px rgba(150,0,0,0.4); // + expansion de l'ombre  
    Span ombré Span ombré
    background-color: #00E676;
    box-shadow: 20px 10px 5px 10px rgba(150,0,0,0.4) inset 
    Span ombré Span ombré