Welcome to SR7Themes Explore

How to put Neon Lights in Blogger

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

3. Now, find </footer>   
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

Rate this article

Getting Info...
Student | Blogger | Website and App Developer

Post a Comment

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Cookies Policy

We employ the use of cookies. By accessing Lantro UI, you agreed to use cookies in agreement with the Lantro UI's Privacy Policy.

Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.