Add new class in tailwind css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-blue {
    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }
}

Source: tailwindcss.com

Similar codes

23 votes196 views3 answers
Text-overflow ellipsis multiple lines
CSS
0 vote225 views1 answer
Decroation of title using css
CSS
3 votes189 views2 answers
How to give shadow to navbar
CSS
1 vote166 views1 answer
Html css bilder nebeneinander
CSS
7 votes219 views2 answers
Vue sass loader
CSS
156 votes225 views6 answers
Center a div css
CSS
3 votes201 views2 answers
Border radius not working
CSS
14 votes221 views6 answers
Bootstrap image size
CSS
2 votes211 views2 answers
Font gap css
CSS
8 votes187 views2 answers
How to rotate picture to the right in css
CSS