On your https://www.8theme.com/demo/xstore/ demo, in the center of the page you show an animated background image were it says “Get 10% Off by liking us on Facebook”. I have duplicated the settings in the example but can not achieve the same effect (moving background). Is there a script or something that actually makes this work? Can you please provide instructions on how to do this?
LisaA
Participant
January 23, 2017
5:26 pm
anyone?
8theme
Support staff
January 24, 2017
10:15 am
Hello,
Try to add this extra class name for the block with background anim-banner and add this code to the custom CSS
.anim-banner {
background-repeat: repeat no-repeat !important;
-webkit-animation: animatedBackground 30s linear infinite;
-moz-animation: animatedBackground 30s linear infinite;
-o-animation: animatedBackground 30s linear infinite;
animation: animatedBackground 30s linear infinite;
}
@-webkit-keyframes animatedBackground {
from {
background-position: 0 center;
}
to {
background-position: -2076px center;
}
}
@-moz-keyframes animatedBackground {
from {
background-position: 0 center;
}
to {
background-position: -2076px center;
}
}
@keyframes animatedBackground {
from {
background-position: 0 center;
}
to {
background-position: -2076px center;
}
}
Regards
Viewing 3 results
1 through 3 (of 3 total)
You must be logged in to reply to this topic.Log in/Sign up
