![Frame 1](https://private-user-images.githubusercontent.com/12258850/404619600-1170cfc9-14b9-4742-abe7-14d3bd2043bf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5NzYyMzYsIm5iZiI6MTczODk3NTkzNiwicGF0aCI6Ii8xMjI1ODg1MC80MDQ2MTk2MDAtMTE3MGNmYzktMTRiOS00NzQyLWFiZTctMTRkM2JkMjA0M2JmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDAwNTIxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJlNWUyMTg0MGE5ZTliYWU0MDNiYWFlMTVlOTM5ZDMwNjYwODc2NmQ0ZTczMzM4YTRkZWIzYjhmMzlmMDU1NTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.uEka06q4ksCCIua84WqwD0_4Zy6xN0D5vu8lAAeYZUs)
Adjusts a rounded corner to create a continuous curve. Inspired by Rob.
Install the plugin from npm:
npm install tailwind-corner-smoothing --save-dev
v4
// Global.css / App.css
@plugin "tailwind-corner-smoothing";
v3
// tailwind.config.js
module.exports = {
plugins: [require('tailwind-corner-smoothing')],
};
<div class="smooth-corners-md bg-blue-500">Smooth corners!</div>
MIT