Posted By

alexandrepayet on 04/09/10


Tagged

box border texte CSS3 round gradient shadow radius arrondi ombre dgrad


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

dojob


CSS3 : Ombre/lueur, arrondi et dégradé


 / Published in: CSS
 

pour l\'instant les prefixe sont obligatoire

  1. /* Ombres sur les boites
  2. --------------------------*/
  3.  
  4. -moz-box-shadow: 0px 0px 5px #bbb; /* les parametres sont : marge gauche, haute, l'etendu et la couleur*/
  5. -o-box-shadow: 0px 0px 5px #bbb;
  6. -webkit-box-shadow: 0px 0px 5px #bbb;
  7.  
  8.  
  9. /* Coin arrondi sur les boites
  10. ------------------------*/
  11.  
  12. /*les quatre coin d'un coup*/
  13. -webkit-border_radius: 6px;
  14. -moz-border-radius: 6px;
  15.  
  16.  
  17. /*chaque coin independamment*/
  18. -webkit-border-bottom-left-radius: 6px;
  19. -webkit-border-top-right-radius: 6px;
  20. -webkit-border-bottom-right-radius: 6px;
  21. -webkit-border-top-left-radius: 6px;
  22. -moz-border-radius-bottomleft: 6px;
  23. -moz-border-radius-topright: 6px;
  24. -moz-border-radius-bottomright: 6px;
  25. -moz-border-radius-topleft: 6px;
  26.  
  27.  
  28. /* Ombres sur les textes
  29. --------------------------*/
  30.  
  31. text-shadow: 0px 0px 5px #bbb; /* les parametres sont : marge gauche, marge haute, l'etendu et la couleur*/

Report this snippet  

You need to login to post a comment.