[Résolu] Réaliser un effet sur un menu

Bonjour,

Je cherche depuis pas mal de temps comment faire un menu qui serait
comme posé sur une courbe de forme arrondi.

Voici l'effet recherché :

https://images.franceserv.fr/images/oUATOVPz.png

Je sais comment faire un effet de survole en css (:hover)
mais ça fonctionne que sur un menu rectangulaire

merci d'avance !

salut,
je pense que partir sur ce genre de délires n'est pas forcément une bonne chose même si on peut toujours y arriver je suppose. On pourrait peut être le faire en passant par <canvas> mais en HTML/CSS ça serait assez limite.
J'ai essayé un truc mais pas franchement top et ne marche pas terrible sous Chrome.
Peut être que quelqu'un d'autre sera plus inspiré que moi.

Salut, le problème c'est que le "a:hover {color:#fff;background:#333;}"
se déclenche lorsque la sourie n'a pas encore survolé le li.

En faite le système que je recherche c'est juste de pouvoir activer un background
lorsque la sourie survole une forme plus complexe qu'un rectangle.

Et si il faux construire la forme directement en css, il est claire que je vais laissé tomber

Merci pour ta réponse !

Non, sur FF ça marche nickel mais ça reste un code vite fait de 1h du mat.
Les formes complexes n'existent pas en HTML, tout est carré ou rectangle. Avec l'exemple que j'ai donné, on joue avec la propriété "overflow:hidden" qui associée à une transformation CSS, sera interprétée au bon gré des navigateurs.

merci beaucoup,, je vais me renseigner sur les transformations css.