Placer une image dans le coin d’une div

Placer une image dans le coin d’une div

Voici un petit mémo pour parvenir à incruster une image dans le coin d’une div, comme ci-dessous. Dans cet exemple, les deux éléments sont des images. Pour parvenir à recréer le même effet juste en css, reportez vous à ces exemples.

coin

En fait il faut juste créer une div englobante, en position relative, à ‘intérieur de laquelle on va placer notre grande image, puis l’espèce de triangle en position absolute, top:0 et right :0

See the Pen coin image by yuyazz (@yuyazz) on CodePen.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.