Конвертер
CSS → Tailwind
Конвертируйте обычный CSS в Tailwind CSS классы
CSS
Tailwind CSS
.container
flex flex-col justify-center items-center w-full max-w-[1200px] mx-auto p-5 gap-4
.card
bg-white rounded-lg p-6 shadow-[0_4px_6px_rgba(0,_0,_0,_0.1)]
.button
inline-flex p-[12px 24px] font-semibold rounded-md cursor-pointer
Поддерживаемые свойства
display
position
flex-*
justify-*
align-*
width/height
margin/padding
gap
font-*
text-*
border-*
overflow
cursor
opacity
z-index
top/right/bottom/left