Créer bordure avec ombre portée (dégradé)

[landry]

Bonjour,

J'essaye de créer une bordure avec une ombre portée, je ne vais pas passer en revue tout ce que j'ai essayé ce serait trop long.
J'essaye de faire ceci :



Et d'ailleurs je m'aperçois que dans une couleur différente c'est aussi la bordure utilisée ici sur wri.
Côté gauche un dégradé de gauche vers la droite et de droite vers la gauche côté droit.

Ma question est la suivante, ce genre d'effet se fait-il avec une image + css ou bien en juste à l'aide d'un codage css en indiquant les couleurs souhaitées ?

Merci

 

[spout]

CSS3 box-shadow: http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

 

[lambi521]

http://www.alsacreations.com/tuto/lire/910-creer-des-ombrages-ombres-c ... hadow.html

 

[landry]

J'ai essayé tout ça, je n'y suis pas arrivé.
Spout, déjà qu'en français j'ai du mal...

 

[spout]

Tu n'y es pas arrivé ? c-a-d ?
http://css3gen.com/box-shadow/

 

[Marie-Aude]

Et d'ailleurs je m'aperçois que dans une couleur différente c'est aussi la bordure utilisée ici sur wri.
Côté gauche un dégradé de gauche vers la droite et de droite vers la gauche côté droit.

Donc ce n'est pas un box-shadow, puisque l'ombre suit la "direction" de la lumière (vers la droite ou vers la gauche)
... et l'examen attentif du CSS le prouve avec un background:
https://www.webrankinfo.com/images/design/fd_body.gif

Pour faire ce que tu veux, le plus simple est de prendre border-image

 

[spout]

Si si, on px faire une ombre portée des 2 côtés avec box-shadow en jouant avec blur et spread radius.
http://jsfiddle.net/e04f6yfv/