Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

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

  •  138
    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.