How to Add Rainbow Animation Effect in the Footer ?

Step:1

সর্বপ্রথমে নিচের CSS Code টি Copy করুন । AndThan Edit HTML এ গিয়ে ]]></b:skin> এর উপর নিচের Copy করা CSS Code টি Past করুন ।

/* Bottom Bar Animation by Tech With Deo */ .animeTWD,.animeBlurTWD{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}.animeBlurTWD{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%}}

Step:2

এরপর নিচের HTML Code টিকে Copy করুন এবং Edit HTML এ গিয়ে Close </footer> tag এর উপর নিচের Copy করা HTML Code টি Past করুন ।

<!--[ Bottom Bar Animation by Tech With Deo ]-->
<div class='animeTWD'>
  <div class='animeBlurTWD'>
  </div>
</div>

ব্যাস, আপনার কাজ শেষ।

Go to Link