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

0 vote152 views1 answer
Tailwind @apply
CSS
29 votes173 views4 answers
Css input selector
CSS
0 vote158 views1 answer
Css scroll fixed content
CSS
174 votes217 views6 answers
How to add background image in css
CSS
94 votes142 views2 answers
Css code to make text bold
CSS
0 vote166 views1 answer
Applying multiple transform values to an object css
CSS
0 vote151 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS
6 votes118 views4 answers
Radial gradient css
CSS
5 votes148 views2 answers
How to rotate image 360 degrees in css
CSS
27 votes170 views1 answer
How to use gradient as text color
CSS