box-shadow 1 seul coté

**surfeur2** · 28/08/2012, 06h52

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

**laffreuxthomas** · 31/08/2012, 16h15

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

Mais tu peux tenter avec un conteneur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

box-shadow 1 seul coté

CSS

Vue hybride

Discussions similaires

Partager

Partager