x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- Starting Color --><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--indigo-500), transparent)"></div><!-- Ending Color --><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--cyan-500), var(--blue-500))"></div><!-- Middle Color --><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--indigo-500), var(--purple-500), var(--pink-500))"></div><!-- Angle Direction --><div class="p-5 rounded-lg i-full" style="background: linear-gradient(45deg, var(--indigo-500), var(--purple-500), var(--pink-500))"></div><!-- Stop Positions --><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--indigo-500) 10%, var(--purple-500) 30%, var(--pink-500) 90%)"></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%# Starting Color %><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--indigo-500), transparent)"></div><%# Ending Color %><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--cyan-500), var(--blue-500))"></div><%# Middle Color %><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--indigo-500), var(--purple-500), var(--pink-500))"></div><%# Angle Direction %><div class="p-5 rounded-lg i-full" style="background: linear-gradient(45deg, var(--indigo-500), var(--purple-500), var(--pink-500))"></div><%# Stop Positions %><div class="p-5 rounded-lg i-full" style="background: linear-gradient(to right, var(--indigo-500) 10%, var(--purple-500) 30%, var(--pink-500) 90%)"></div>
CSS is not required or multiple files are needed, check the notes.
Java Script is not required or multiple files are needed, check the notes.
No notes provided.