Classes
flex p-4
CSS
display:flex; padding:...
Outils de développement
Tailwind vers CSS — extension de classe utilitaire
Étend les listes de classes CSS Tailwind en déclarations CSS natives équivalentes pour la migration, les correctifs et l'apprentissage des utilitaires réellement appliqués.
TailwindCSSConversion
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.
开发工具
Tailwind vers CSS
Cas d’usage
- Migrer de Tailwind vers le CSS plat
- Inspecter le mappage classe-propriété
- Vérifier les styles lors de la révision du code
Mode d’emploi
- Entrer un ou plusieurs noms de classe
- Lire le CSS généré
- Copier les règles nécessaires
Exemples d’entrée et de sortie
FAQ
Couleurs de thème personnalisées ?
La couverture du thème par défaut est la plus forte ; une configuration approfondie personnalisée peut avoir besoin de votre référence tailwind.config.
Relation avec CSS-to-tailwind ?
Cela étend les classes au CSS ; l'outil inverse suggère des classes à partir de CSS.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
CSS vers Tailwind
CSS vers Tailwind – Mappeur de déclaration
Collez les déclarations CSS et mappez-les aux classes d'utilitaires Tailwind lorsque cela est possible. Les règles communes de disposition, d'espacement et de couleur deviennent des classes standard ; les valeurs sans correspondance reviennent à une syntaxe de valeurs arbitraires.
CSS Tailwind Conversion
Convertisseur d'unités CSS
Convertisseur d'unités CSS — px, rem, em, vw
Convertissez entre px, rem, em, pt, vw, vh et %. Personnalisez la taille de la police racine, la taille de la police parent et la taille de la fenêtre d'affichage pour un travail réactif et un transfert de la conception au code.
CSS Unités Conversion
Aide-mémoire des couleurs Tailwind
Aide-mémoire des couleurs Tailwind — Nuancier complet
Parcourez les échelles de couleurs CSS Tailwind (y compris 50 à 950 étapes) sur un seul tableau. Recherchez par nom, échelle ou HEX, puis copiez les noms de classe utilitaires ou les valeurs HEX brutes pour les projets CSS.
Conception Tailwind CSS