جعل خلفية مدونة بلوجر ذات الوان متغيره 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;
}

 

 

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

مـعـايـنة
MohammadQT
مؤسس و مدير مدونة الاثير