How To

How to Create Loading Skeleton/Shimmer in TailwindCSS

Loading Skeleton or Shimmer are everywhere nowadays. All the big companies like Facebook and Linkedin are using them to have a nice user experience....

How to Add Gradient on Text in TailwindCSS

You can add gradient colors on the text same as the background. All you need to do is to utilize gradient color classes. Specify...

2 Ways to Add Custom Colors in TailwindCSS

TailwindCSS comes with a lot of colors that you can use in your project. But, if you still need a custom color for your...

2 Ways to Zoom Image on Hover in TailwindCSS

The zoom effect on an image when hovering is quite popular nowadays. You can see this zooming effect on almost every website. In TailwindCSS,...

How to Disable Text Selection in TailwindCSS

Sometimes you don't want your users to copy some text from your web page. This is very useful when you don't want visitors to...

How to Change Selected Text Background in TailwindCSS

Working with different background colors for web pages, you may run into problems when the default background color for text selection matches with web...

Show Hide Element with Checkbox in TailwindCSS

When you are working on a complex UI, you may need to hide or show an element based on a checkbox. Developers often use...

Add Overlay on Background Image in TailwindCSS

When you are working on a custom design, you need to add an overlay to make the text visible over an image. In TailwindCSS,...

Blur Background Image in TailwindCSS

Often when you are working on a custom design, you need to make background images blur to make the text visible. In TailwindCSS, you...

Latest articles