28106 sujets

CSS et mise en forme, CSS3

Bonjour peut on modéliser un header a fin de lui changer ça forme rectangulaire en triangulaire ? ou arc de cercle .. Faut il utiliser le svg ? upload/1603968686-81315-header.jpg
Modérateur
Et l'eau,

Le svg est une solution parmi tant d'autres :

- transform:rotate
- border-radius
- img
Modifié par niuxe (29 Oct 2020 - 12:17)
Modérateur
Bonjour,

Voici un exemple qui change la forme d'un élément à l'aide de css. La clé est d'utiliser les propriétés css clip-path qui va modifier la forme visible de l'élément, et shape-outside qui va permettre aux autres éléments de "remplir" les espaces au plus près de l'élément dont la forme a été modifiée.
https://jsfiddle.net/parsimonhi/c4d2z395/

Utiliser du svg pourrait permettre dessiner une forme dans un élément, mais fondamentalement, la forme de cet élément resterait un rectangle.

Amicalement,
Meilleure solution