🎨 Use this gradient to add a touch of elegance and vibrancy to your designs.
💡 Did you know that the colors in this gradient were inspired by the beautiful colors found in a sweet period of time?
/* Sweet Period CSS Linear Gradient Background */
.gradient {
background: #3f51b1;
background: linear-gradient(
to right,
#3f51b1,#5a55ae,#7b5fac,#8f6aae,#a86aa4,#cc6b8e,#f18271,#f3a469,#f7c978
);
}
TailwindCSS Linear Gradient/* Sweet Period TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#3f51b1] via-[#5a55ae] to-[#7b5fac]"></div>You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.
