🎨 Use this gradient for a vibrant, energetic design.
💡 This gradient is named after the Transformers character, MegaTron.
/* MegaTron CSS Linear Gradient Background */
.gradient {
background: #C6FFDD;
background: linear-gradient(
to right,
#C6FFDD,#FBD786,#f7797d
);
}
TailwindCSS Linear Gradient/* MegaTron TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#C6FFDD] via-[#FBD786] to-[#f7797d]"></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.
