Made in India CSS

Made in India CSS is a collection of 15 distinct background patterns generated using linear and radial CSS gradients.
You can use these tricolor gradient patterns in building your website or web application by importing the made-in-india css file and using various class.

<link href="css/made-in-india.css" rel="stylesheet" />

<div class='.india-stripe'></div>

Classes

Made in India CSS offers 15 patterns with classes as follows :

.india-linear
.india-stripe
.india-spiral
.india-line
.india-square
.india-block
.india-diamond
.india-cut
.india-ring
.india-bubble
.india-wave
.india-cup
.india-dot
.india-net
.india-flower

Colors

Made in India CSS make use of color variables in CSS. The default colors are as follows :

--orange: #f09732;
--blue: #173187;
--green: #49890e;
--white: #ffffff;
--orange-alpha-50: rgba(240, 151, 50, 0.5);
--blue-alpha-50: rgba(23, 49, 135, 0.5);
--green-alpha-50: rgba(73, 137, 14, 0.5);

You can tweak these colors to make it match with your application of use.

--orange: #173f5f;
--blue: #3caea3;
--green: #f6d55c;