Header Gradient Animasi

Untuk versi VIOMAGZ

Temple kode dibawah ini tepat diatas </head>

<style>#header-container, #back-to-top{background:
linear-gradient(-90deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation:
Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation:
Gradient 15s ease infinite;}@-webkit-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}</style>

Unutk Versi LINKMAGZ

Simpan kode tepat diatas ]]></b:skin>

#header-content, #footer-content, .navmenu, #navmenu-wrap-sticky, .iconsearch-label, #footer-outer, #navmenu-wrap, #header-wrap, .menu-sticky, .label-size, #goTop, .profile-link, .popular-posts-wrap, .FollowByEmail, #navmenu-sidebar-closebtn{background: linear-gradient(-90deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 10s ease infinite;-moz-animation: Gradient 10s ease infinite;animation: Gradient 10s ease infinite;}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}} .label-size a, .label-size a:hover, .profile-link, .profile-link:hover{color:#fff !important;} #goTop{border:0.7px solid #fff;} 

Share this post