Discussion :

[christopheDINANT]

Bonjour,
Je me doute que je ne suis pas dans le bon forum , veuillez déjà m'excuser.

J'ai une image rectangulaire qui s'affiche sur un device android un peu comme une banniere (header).
Donc resultat moche

On me demande de modifier cette image en y ajoutant une forme dans le bas comme sur l'example en attachement afin que notre image (logo entreprise) soit plus beau.


Si vous regardez l'image en attachement il y'a un 1/8 de cercle en bas.
J'ai beau chercher sur internet , je ne vois pas comment à partir d'une image rectangulaire je pourrais realiser la meme chose enfin plus au moins ...

Voilà, une journée que je cherche et je ne trouve rien ...
si quelqu'un a une idée, je suis preneur ...
Toute explication est la bienvenue

Merci et bonne journée

[NoSmoking]

Bonjour,
essaie de jouer avec la propriété border-radius de l'image, par exemple : border-radius: 0 0 80% 30%.

[ABCIWEB]

L'exemple demande des rayons de courbure différents pour le même bord. La syntaxe border-radius devra donc indiquer différentes valeurs pour un même bord, avec un "/" pour séparer les valeurs ou en indiquant 2 valeurs pour border-top-left-radius, border-top-right-radius, border-bottom-right-radius et border-bottom-left-radius comme indiqué dans la doc mozilla