found this cool trick for animating gradients in your web design project! it's super simple and looks amazing. basically you use : linear-gradient() with some keyframes magic.
here's a quick example:
div {width:200px;height:15vh;}@keyframes gradientmove {from{ background-position:left top;}to{background-size : cover ;}}apply this animation like so:
. gradient-text div:nth-child(odd) {animation-name:gradientmove ;/'' other styling ''/}it's really flexible and looks awesome on hover or as a loading spinner. anyone tried something similar? what did you use it for?
have any cool projects that used this technique in interesting ways?
➡️ share them!
more here:
https://1stwebdesigner.com/how-to-animate-gradient-text-using-css/