Adds a Fade in animation to your text’s gradient effect. Change the animation time in code

animation: fadeIn 2s ease-in-out infinite alternate;

The Code

.css-tutorial {
   background: linear-gradient(90deg, #ff6b6b, #4ecdc4);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   animation: fadeIn 2s ease-in-out infinite alternate;
}
@keyframes fadeIn {
   0% { opacity: 0.5; }
   100% { opacity: 1; }
}