#eut-header .eut-horizontal-menu.eut-arrow ul.eut-menu .menu-item-has-children > a { padding-right: 0.3em; } .pattern { position: absolute; z-index: 1; width: 100%; height: 100% !important; top: 0; left: 0; background: url(/wp-content/uploads/2020/09/4x4-pattern.png) repeat; background-attachment: scroll; background-attachment: fixed; } /* The animation code */ @-webkit-keyframes SectionBackgroundAnimation { 0% { background-position:0% 50% } 50% { background-position:100% 50% } 100% { background-position:0% 50% } } @-moz-keyframes SectionBackgroundAnimation { 0% { background-position:0% 50% } 50% { background-position:100% 50% } 100% { background-position:0% 50% } } @keyframes SectionBackgroundAnimation { 0% { background-position:0% 50%; } 50% { background-position:100% 50% } 100% { background-position:0% 50% } } .eut-breadcrumbs { background: linear-gradient(45deg,#8f96a6 0%,#d9731a 35%,#8f96a6 50%,#8f96a6 75%,#8f96a6 100%); background-size: auto; background-size: 400% 400% !important; -webkit-animation: SectionBackgroundAnimation 15s ease infinite; -moz-animation: SectionBackgroundAnimation 15s ease infinite; animation: SectionBackgroundAnimation 15s ease infinite; border-radius: 0px; margin: 0px; text-transform: uppercase; font-size: 12px; } .eut-breadcrumbs.eut-fullwidth { padding: 6px 20px; } .eut-menu-type-button > a .eut-item { background: linear-gradient(45deg,#8f96a6 0%,#d9731a 35%,#8f96a6 50%,#8f96a6 75%,#8f96a6 100%); background-size: auto; background-size: 400% 400% !important; -webkit-animation: SectionBackgroundAnimation 15s ease infinite; -moz-animation: SectionBackgroundAnimation 15s ease infinite; animation: SectionBackgroundAnimation 15s ease infinite; padding: 12px 15px; -webkit-border-radius: 3px; border-radius: 3px; } #eut-feature-section { top: 0px; margin-bottom: 0px; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter