Waves CSS effect looses effect in ie but work in gchrome?

Query explains problem.
Cross-browser issue.
Many thanks to response

Site: sudsexpresswash.com

Location: Footer

CSS:

    .container{padding-bottom:35px}.footer_top_holder{background:url(https://sudsexpresswash.com/wp-content/uploads/2015/05/ocean.jpg) repeat-x 0 100%,#7A7A78;animation:animatedBackground 30s linear infinite;-ms-animation:animatedBackground 30s linear infinite;-moz-animation:animatedBackground 30s linear infinite;-webkit-animation:animatedBackground 30s linear infinite}@-webkit-keyframes animatedBackground{0%{background-position:0 100%}50%{background-position:100% 100%}100%{background-position:0 100%}}@-moz-keyframes animatedBackground{0%{background-position:0 100%}50%{background-position:100% 100%}100%{background-position:0 100%}}@-o-keyframes animatedBackground{0%{background-position:0 100%}50%{background-position:100% 100%}100%{background-position:0 100%}}@keyframes animatedBackground{0%{background-position:0 100%}50%{background-position:100% 100%}100%{background-position:0 100%}}    


Source: cross-browser

Leave a Reply