Viewing 4 posts - 1 through 4 (of 4 total)
-
AuthorPosts
-
May 15, 2019 at 12:58 am #1100774
image background efect (increasing and decreasing) in color section, is it possible in Enfold? example in this website https://www.securitasdirect.es/
Thanks!May 15, 2019 at 4:23 am #1100794Hey ftt123,
Thanks for the link, this is created by this css:.m_banner.banner-node-86 .m_banner_image { -webkit-animation: cssAnimation5 26s infinite ease-in-out; -moz-animation: cssAnimation5 26s infinite ease-in-out; -o-animation: cssAnimation5 26s infinite ease-in-out; } @-webkit-keyframes cssAnimation5 { 0% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } 35% { -webkit-transform: rotate(0deg) scale(1.25) skew(0deg) translate(4%,0); } 50% { -webkit-transform: rotate(0deg) scale(1.25) skew(0deg) translate(4%,0); } 85% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } 100% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } @-moz-keyframes cssAnimation5 { 0% { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } 35% { -moz-transform: rotate(0deg) scale(1.25) skew(0deg) translate(4%,0); } 50% { -moz-transform: rotate(0deg) scale(1.25) skew(0deg) translate(4%,0); } 85% { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } 100% { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } } @-o-keyframes cssAnimation5 { 0% { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } 35% { -o-transform: rotate(0deg) scale(1.25) skew(0deg) translate(4%,0); } 50% { -o-transform: rotate(0deg) scale(1.25) skew(0deg) translate(4%,0); } 85% { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } 100% { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } }
If you adjust the classes you can use it for any image on any site, hope this helps
Best regards,
MikeMay 16, 2019 at 2:54 am #1101205This reply has been marked as private.May 16, 2019 at 6:23 pm #1101552 -
AuthorPosts
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.