Comments Tamir started the conversationMay 4, 2023 at 3:25pmHello,I saw by CSS, i can make Gradient background.I took CSS code from following website, and it worked. https://cssgradient.io/Code sample :background: rgb(53,131,163);background: radial-gradient(circle, rgba(53,131,163,1) 17%, rgba(235,235,235,1) 68%);I tried to use CSS code from the following website, and it not worked. https://www.gradient-animator.com/Code sample : .css-selector { background: linear-gradient(270deg, #21ecb8, #ec4621); background-size: 400% 400%; -webkit-animation: AnimationName 4s ease infinite; -moz-animation: AnimationName 4s ease infinite; animation: AnimationName 4s ease infinite;}@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}And it not worked,It possible to add Animated Gradient color ?Thank youTamir 138George repliedMay 4, 2023 at 4:06pmHello Tamir,Unfortunately, gradient background animations is not supported in the current version of LayerSlider but we are planning to include this function in the future.Best Regards,George | Kreatura Dev TeamTamir repliedMay 4, 2023 at 4:42pmLooking for it. LayerSlider is amazing web program.Thank you for your fast reply. Sign in to reply ...
Hello,
I saw by CSS, i can make Gradient background.
I took CSS code from following website, and it worked. https://cssgradient.io/
Code sample :
background: rgb(53,131,163);
background: radial-gradient(circle, rgba(53,131,163,1) 17%, rgba(235,235,235,1) 68%);
I tried to use CSS code from the following website, and it not worked. https://www.gradient-animator.com/
Code sample :
.css-selector { background: linear-gradient(270deg, #21ecb8, #ec4621);
background-size: 400% 400%;
-webkit-animation: AnimationName 4s ease infinite;
-moz-animation: AnimationName 4s ease infinite;
animation: AnimationName 4s ease infinite;
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
And it not worked,
It possible to add Animated Gradient color ?
Thank you
Tamir
Hello Tamir,
Unfortunately, gradient background animations is not supported in the current version of LayerSlider but we are planning to include this function in the future.
Best Regards,
George | Kreatura Dev Team
Looking for it.
LayerSlider is amazing web program.
Thank you for your fast reply.