admin

65 Posts

Hover Modifier in TailwindCSS [Complete Guide]

When you are designing a website, you surely want to add some interactivity in elements. TailwindCSS, you can utilize hover modifier with any element...

Changing Cursor in TailwindCSS – All You Need to Know

When working on a customized design, you often need to change the cursor icon depending on the requirements. You may want to show not-allowed...

3 Simple Steps to Design a Modal in TailwindCSS

Adding a modal is very common to display important information to visitors on the site. You can use a modal to display a popup...

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 Add TailwindCSS in Simple HTML Project

TailwindCSS is not only designed for frameworks but can also be used in a simple HTML project. Instead of writing custom CSS, you can...

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

Latest articles