.elementor-3139 .elementor-element.elementor-element-be197f4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3139 .elementor-element.elementor-element-be197f4:not(.elementor-motion-effects-element-type-background), .elementor-3139 .elementor-element.elementor-element-be197f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02000A;}.elementor-3139 .elementor-element.elementor-element-77c3989c{--display:flex;}.elementor-3139 .elementor-element.elementor-element-77c3989c:not(.elementor-motion-effects-element-type-background), .elementor-3139 .elementor-element.elementor-element-77c3989c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02000A;}.elementor-3139 .elementor-element.elementor-element-692b6240{--display:flex;}.elementor-3139 .elementor-element.elementor-element-692b6240:not(.elementor-motion-effects-element-type-background), .elementor-3139 .elementor-element.elementor-element-692b6240 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02000A;}.elementor-3139 .elementor-element.elementor-element-717dbaf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3139 .elementor-element.elementor-element-717dbaf:not(.elementor-motion-effects-element-type-background), .elementor-3139 .elementor-element.elementor-element-717dbaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02000A;}.elementor-3139 .elementor-element.elementor-element-5831d590{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3139 .elementor-element.elementor-element-5831d590:not(.elementor-motion-effects-element-type-background), .elementor-3139 .elementor-element.elementor-element-5831d590 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02000A;}.elementor-3139 .elementor-element.elementor-element-596259bc{--spacer-size:64px;}.elementor-3139 .elementor-element.elementor-element-86efc8b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-3139 .elementor-element.elementor-element-10a2fea9{--spacer-size:42px;}/* Start custom CSS for container, class: .elementor-element-717dbaf */AnimationName
Gradient Angle
 Scroll Angle
Speed
Add colour +

 WebKit  Gecko  Opera
Reset Preview
Save CSS as Gist 
If you find this tool helpful, consider buying me a coffee.
 
.css-.elementor-3139 .elementor-element.elementor-element-717dbaf {
    background: linear-gradient(270deg, #02000a, #0e1d36, #02000a);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 13s ease infinite;
    -moz-animation: AnimationName 13s ease infinite;
    animation: AnimationName 13s 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%}
}/* End custom CSS */