TailwindCSS Tips

How to Style First Line in TailwindCSS

Displaying a different style for the first line is make the content look different. TailwindCSS provides a first-line class with different modifiers to style...

How to Style First Letter in TailwindCSS

Starting the first paragraph with a capital letter or different color has been in trend for so long. TailwindCSS provides a default class that...

How to Create Parallax Effect in TailwindCSS

The parallax effect is very common on the landing page in modern websites. It adds a unique look to the website that attracts users...

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 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...

10 Reasons Why You Should Learn TailwindCSS in 2023

1 - Easy to Learn TailwindCSS is easy to learn if you have learned the core concepts of CSS. You must know about CSS box...

Latest articles