box-shadow 1 seul coté

Version imprimable

28/08/2012, 06h52
surfeur2

box-shadow 1 seul coté

Bonjour,

A l'intérieur d'un tableau j'aimerai ombré uniquement la partie basse de la cellule , j'utilise ce code:

Code:

box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.5);

Ça ombre bien le bas mais j'aimerai que les autres côtés soit totalement transparent mais avec le code ci-dessus les autres côtés sont défini très légèrement (ce que je souhaite supprimer si c'est possible).

merci d'avance pour vos réponses!

Je pense que c'est impossible. Ce n'est pas une bordure ni un outline.

Mais tu peux tenter avec un conteneur :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<!DOCTYPE html>
<style>
.box-wrapper {
  height: 10em;
  margin: 2em;
  overflow: hidden;
  padding-bottom: 10px;
  width: 10em;
}
.box {
  background-color: #cde;
  box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.5);
  height: 10em;
  width: 10em;
}
</style>
 
<div class="box-wrapper"><div class="box">zone à ombrer</div></div>

Fuseau horaire GMT +2. Il est actuellement 08h36.