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


 

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


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

مـعـايـنة

ذات صلة


عـرض التعليقات
اخفاء التعليقات

يسعدنا تفاعلكم معنا,نرجو احترام الآداب العامة وعم نشر اي روابط اشهارية.
لإضافة كود قم بتحويله اولا بمحول الاكواد

إخلاء المسؤولية محول الأكواد ابلاغ عن رابط لايعمل