Preview
Sortie CSS Clip
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Contrôles de chemin Formes
Formes
Propriétés de la forme Supprimer
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Comment utiliser
commandes
- Sélectionnez une forme de base dans la forme Panneau de
- Ajustez les paramètres de forme à l’aide des curseurs
- Faites glisser les points de contrôle sur l’aperçu pour remodeler le tracé
- Ajoutez des points à des formes personnalisées à l’aide du mode
Fonctionnalités
- Enregistrez et chargez des préréglages pour accéder rapidement à vos formes préférées
- Animez vos chemins de clip avec une durée, un assouplissement et des itérations
- Copiez le code CSS généré et collez-le dans votre projet
- Basculez en mode sombre pour une conception
Related Tools
Générateur de barres de défilement CSS
Personnalisez facilement les barres de défilement de votre site WebCréez de superbes effets de texte dégradé pour votre site Web
Convertisseur de stylet en CSS
Rapide, facile et sécurisé.
Convertisseur SCSS en CSS
Transformez votre code SCSS en CSS. Rapide, facile et sécurisé.
Calculateur de hachage Shake-128
Générez des hachages Shake-128 rapidement et facilement
Convertisseur d'unités d'octets
Convertissez entre différentes unités d’informations numériques avec précision
Outil d'encodage Base64
d’ingénierie Générez des hachages de mots de passe sécurisés pour WordPress