جعل خلفية مدونة بلوجر ذات الوان متغيره CSS3

جعل الاداة بالوان عشوائيه وغير محدده هو امر لافت للانتباه و النظر ، وهذا هو موضوعنا لليوم
- جعل خلفية مدونة بلوجر ذات الوان متغيره بتقنية CSS3



طريقة الاستعمال

توجه الي > لوحة تحكم بلوجر > المظهر > تحرير HTML

ثم ابحث عن  <head> واضف الكود التالي اسفله

  </style>
@keyframes colorchange
    {
      0%   {background: #686de0;}
      10%  {background: #4834d4;}
      20%  {background: #3cad93;}
      30%  {background: #3fff00;}
      40% {background: #f00f00;}
      50%   {background: #badc58;}
      60%  {background: #6ab04c;}
      70%  {background: #30336b;}
      80%  {background: #f0932b;}
      90% {background: #f9ca24;}
 }



    @-webkit-keyframes colorchange
{
      0%   {background: #686de0;}
      10%  {background: #4834d4;}
      20%  {background: #3cad93;}
      30%  {background: #3fff00;}
      40% {background: #f00f00;}
      50%   {background: #badc58;}
      60%  {background: #6ab04c;}
      70%  {background: #30336b;}
      80%  {background: #f0932b;}
      90% {background: #f9ca24;}

    }
<style>
 

ثم توجه الي كود ال CSS الخاص بك والذي تريد جعل الوانه عشوائيه 

لنفرض انه

body {



}
 

سنقوم باضافة هذا الكود داخله

      animation: colorchange 30s; 
      -webkit-animation: colorchange 30s;
 

 ليصبح بهذا الشكل

 
body {
      animation: colorchange 30s; 
      -webkit-animation: colorchange 30s;
}


 

وهكذا ستجد ان خلفية القالب او المدونة الوانها عشوائيه

شاهد كيف تعمل الاضافة 
مـعـايـنة