Action
Activer le contrôle indépendant
CSS
border-radius: 40% 60% 70% 30% / 30% 30% 70% 70%;
Outils de design
Générateur de rayon de bordure fantaisie
Faites glisser ou saisissez des valeurs pour visualiser et générer un code de rayon de bordure CSS irrégulier à 8 points (rayon de bordure fantaisie).
CSSRayon de bordureConception
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Générateur de rayon de bordure
Cas d’usage
- Créer des cartes de forme organique
- Boutons de morphing de style
- Ajouter une interface utilisateur spécialisée décorations
Mode d’emploi
- Déplacez les curseurs indépendants pour chaque rayon de coin
- Ou passez au contrôle étendu à 8 points
- Copier le CSS border-radius
Exemples d’entrée et de sortie
FAQ
Que fait la barre oblique (/) ?
Dans CSS border-radius, / sépare les rayons horizontaux et verticaux afin que vous puissiez former des ellipses irrégulières.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Générateur d'ombres de boîte CSS
Générateur d'ombres de boîte CSS – Commandes visuelles
Ajustez visuellement le décalage, le flou, la répartition, la couleur, l'opacité et l'encart. Prévisualisez en direct et générez du CSS box-shadow pour les cartes, les boutons et les superpositions.
CSS Ombre box-shadow
Générateur de glassmorphisme
Générateur de glassmorphisme — CSS backdrop-filter
Ajustez visuellement le flou, l'opacité, la couleur d'arrière-plan et l'opacité des bordures pour générer du CSS en verre dépoli avec un préfixe -webkit. Utile pour les cartes, les barres de navigation et les calques modaux.
CSS Glassmorphism backdrop-filter