2023-12-27
5572
#css
Rishi Purwar
129276
Dec 27, 2023 â‹… 19 min read

A guide to adding gradients with Tailwind CSS

Rishi Purwar I'm an enthusiastic full-stack Web developer from India who has been building side projects for quite some time now. You can check out all my projects at github.com/rishipurwar1 to learn more about what I do!

Recent posts:

tanstack table react table

A complete guide to TanStack Table (formerly React Table)

Discover how to use TanStack Table, formerly known as React Table, to build a table UI for a variety of use cases.

Paramanantham Harrison
Mar 28, 2025 â‹… 14 min read
javascript object prototypes

JavaScript prototypes: How objects inherit properties and methods

Explore what prototypes are, how the prototype chain works, and how to use the prototype chain to create inheritance between objects.

Ibadehin Mojeed
Mar 28, 2025 â‹… 7 min read
set up Node.js with TypeScript and Express

How to set up TypeScript with Node.js and Express

Set up TypeScript with Node.js and Express, focusing on configuring key elements for a smooth development experience.

Aman Mittal
Mar 28, 2025 â‹… 9 min read
featured image tsx extension

What is the difference between a .ts and .tsx file extension?

Examine the differences between the .ts and .tsx file types, their use cases, and best practices for a React TypeScript project.

Hussain Arif
Mar 27, 2025 â‹… 8 min read
View all posts

One Reply to "A guide to adding gradients with Tailwind CSS"

  1. What is the tailwind equivalent for:

    background: repeating-linear-gradient(
    to bottom,
    #039BE5 0px,
    #039BE5 20px,
    #90CAF9 20px,
    #90CAF9 40px
    );

Leave a Reply