Image credit anandnawal.com |
/* Bottom Bar Animation by www.anandnawal.com */ .animeTFZ,.animeBlurTFZ{position:fixed;width:100%;bottom:0;left:0;right:0;height:3px;z-index:23;background:linear-gradient(-45deg, #4086F4, #31A952, #FBBE01, #EB4132,#4086F4, #31A952, #FBBE01, #EB4132);background-size:200%;-webkit-animation:animeBar 5s linear infinite;animation:animeBar 5s linear infinite}.animeBlurTFZ{height:10px;z-index:22;filter:blur(10px);opacity:.7}@-webkit-keyframes animeBar{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes animeBar{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
1. Find in your template/theme of site 2. Copy the above CSS and paste it above the
4. Copy the below code and paste it just above the
<!--[ Bottom Bar Animation by www.anandnawal.com ]--><div class='animeTFZ'><div class='animeBlurTFZ'></div></div>
Post Credit to www.anandnawal.com