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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par landry, 13 Novembre 2014.

  1. landry
    landry WRInaute discret
    Inscrit:
    3 Mai 2006
    Messages:
    208
    J'aime reçus:
    0
    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 :

    [​IMG]

    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 :)
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 163
    J'aime reçus:
    338
  3. landry
    landry WRInaute discret
    Inscrit:
    3 Mai 2006
    Messages:
    208
    J'aime reçus:
    0
    J'ai essayé tout ça, je n'y suis pas arrivé.
    Spout, déjà qu'en français j'ai du mal... :D
     
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 163
    J'aime reçus:
    338
  5. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 728
    J'aime reçus:
    171
    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
     
  6. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 163
    J'aime reçus:
    338
Chargement...
Similar Threads - Créer bordure ombre Forum Date
[JavaScript Array] modifier un code html sans le supprimer/recréer Développement d'un site Web ou d'une appli mobile Lundi à 06:50
Comment créer un fichier SPF (authentification emails) ? Noms de domaine et référencement 14 Mars 2022
Mention "Site créer par ..." dans le footer Netlinking, backlinks, liens et redirections 28 Janvier 2022
Créer et animer un forum Demandes d'avis et de conseils sur vos sites 21 Novembre 2021
WordPress Créer et maintenir un thème vs Site Builder avec thème tout fait Développement d'un site Web ou d'une appli mobile 29 Octobre 2021
Créer 2 landing pages ou une seule ? Débuter en référencement 8 Juin 2021
Comment créer un PBN ? Netlinking, backlinks, liens et redirections 31 Mai 2021
Creer un site ecommerce Débuter en référencement 20 Mai 2021
Créer un fichier audio pour les articles Demandes d'avis et de conseils sur vos sites 2 Mai 2021
Search Console Créer des sitemap avec les redirections 301 Netlinking, backlinks, liens et redirections 14 Avril 2021
Créer un compte google my business pour un tiers YouTube, Google Images et Google Maps 20 Février 2021
Astuce Créer et programmer une diffusion en direct sur mobile Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
Impossible de créer un nom d'utilisateur sur ma page FB Facebook 26 Octobre 2020
Faut-il créer un sitemap mobile ? Crawl et indexation Google, sitemaps 6 Octobre 2020
créer un nouveau site ou améliorer l'ancien ? Débuter en référencement 25 Août 2020
Créer une page ou une rubrique "citation", bonne idée ? Débuter en référencement 21 Juin 2020
Créer un article annuaire avec liens externes Débuter en référencement 11 Juin 2020
Comment créer des URL propres pour les pages résultats Problèmes de référencement spécifiques à vos sites 19 Avril 2020
E-commerce: Créer un collection sans l'intégrer sur la page d'accueil Débuter en référencement 3 Avril 2020
WordPress Créer un sitemap simple pour Google Débuter en référencement 9 Mars 2020