ToolCabana

Générateur de clip-path CSS

Dessine des masques polygonaux avec un aperçu et du CSS copiable.

Favorites are saved in this browser. Find them in My favorites.

Générateur de clip-path CSS

Your input stays in this browser unless stated otherwise
Clear your input, files and result, and restore the default settings.
=

Make it yours

Adjust the values, then get your result.

Comment utiliser Générateur de clip-path CSS

  1. Saisissez les valeurs demandées dans le panneau des paramètres.
  2. Définissez les points du polygone (% x,y ; une paire par ligne).
  3. Lancez le générateur de clip-path CSS, vérifiez le résultat, puis utilisez les commandes de copie ou de téléchargement disponibles.

Ce que cet outil prend en charge

Dessine des masques polygonaux avec un aperçu et du CSS copiable.

Points du polygone (% x,y ; une paire par ligne)
Set this value for your task.

Limites et traitement

Les images respectent la limite existante de 32 mégapixels du canevas. Jusqu'à 100 images sources sont autorisées lorsque c'est pris en charge. Le HTML collé est limité à 200 000 caractères ; les diagrammes Mermaid à 20 000 caractères et 300 lignes. La génération SVG et PNG nécessite un navigateur.

Questions fréquentes

Que fait le générateur de clip-path CSS ?

Dessine des masques polygonaux avec un aperçu et du CSS copiable.

Où ma saisie est-elle traitée ?

Cette opération traite sa source dans votre navigateur. La copie et le téléchargement sont des actions explicites ; la saisie source n'est enregistrée ni dans un compte ni dans l'historique.

Quelles sont les limites de saisie ?

Les images respectent la limite existante de 32 mégapixels du canevas. Jusqu'à 100 images sources sont autorisées lorsque c'est pris en charge. Le HTML collé est limité à 200 000 caractères ; les diagrammes Mermaid à 20 000 caractères et 300 lignes. La génération SVG et PNG nécessite un navigateur.