Okay
  Public Ticket #3362910
Can i make Animated Gradient Background?
Closed

Comments

  • Tamir started the conversation

    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

  •  110
    George replied

    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

  • Tamir replied

    Looking for it.

    LayerSlider is amazing web program.

    Thank you for your fast reply.