BackGround Animated Colour Changing For Blogger

Today i,m going to teach you how you can make your background change in different colour of blogger  and your visitor can see your animated background
background-changing-colour
1) First of all login to you blogger dashboard click on template and then edit html

background-animated-colour
2) Use Ctrl+F and find ]]></b:skin> <
3) Copy the following codes and paste just before it ]]></b:skin> <


body {    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */}
@keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}@-webkit-keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}@-moz-keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}@-o-keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}


5) Finally click on save and you have done

Tags:

0 Responses to “BackGround Animated Colour Changing For Blogger”

Post a Comment

Subscribe

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

Designed by BloggingNeed