Partage
  • Partager sur Facebook
  • Partager sur Twitter

Recréer un cadre coupé en css

Sujet résolu
    6 décembre 2017 à 15:45:44

    Bonjour,

    J'aimerais savoir si c'est possible de recréer l'image ci dessous en css, je veux parler du contour.
    Je sais qu'il est possible d'utiliser "border-radius" mais ce qui me bloque c'est la coupure dans le coin inférieur droit ainsi donc que l'arrondi des 2 extrémité de la bordure.


    Pensez-vous que c'est possible et si oui, avez vous une idée de comment je dois précéder ? 

    Merci de m'avoir lu :)

    • Partager sur Facebook
    • Partager sur Twitter
      7 décembre 2017 à 9:09:55

      Bonjour,

      Oui, c'est possible entièrement en CSS.

      Utilises les pseudo element :after et :before pour t'en sortir

      Un exemple rapide : https://jsfiddle.net/8an8n066/1/

      -
      Edité par Lord Morpheus 7 décembre 2017 à 9:10:39

      • Partager sur Facebook
      • Partager sur Twitter

      Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil

        7 décembre 2017 à 13:10:51

        Bonjour Lord Morpheus,

        Merci pour la réponse et d'avoir prit le temps de me répondre.
        C'est exactement ce que je voulais faire !

        Bonne journée.
        • Partager sur Facebook
        • Partager sur Twitter

        Recréer un cadre coupé en css

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown