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

2 votes152 views3 answers
Backdrop css
CSS
19 votes152 views3 answers
Change input placeholder text css
CSS
0 vote159 views2 answers
Wpforms button style
CSS
3 votes143 views2 answers
Css color when clicked
CSS
3 votes146 views1 answer
How to make a backgroud image with no repeat in html
CSS
0 vote153 views1 answer
Css border image repeat property
CSS
3 votes139 views1 answer
Hover apply lighter color css
CSS
0 vote156 views1 answer
Jquery woocommerce disable add to cart css
CSS
0 vote153 views1 answer
Smooth button effect css
CSS
0 vote153 views2 answers
How to change the select arrow in css
CSS