إعلان أسفل السلايدر 1

إعلان أعلى الموضوع

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

Mohamed Amrبواسطة   الأقسام: بلوجر , شرح اكواد , CSS 0 التعليقات
جعل خلفية مدونة بلوجر ذات الوان متغيره - 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;

}

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


التسميات: , ,

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)

إعلان أسفل الموضوع