خلفية متغير الألوان

العديد منا لا يجد الجمال في خلفية المدونات لذا اليوم سأشرح لكم طريقة تغير خلفية مدونتك إلي ألوان تتغير بطريقة رائعة ومنتظمة بأكواد css بطريقة سهلة وسريعة جداً لا انصح بها أصحاب المدونات التي تعتمد علي كتابة المقالات.

معاينة

المميزات

• تعطي للمدونة شكل رائع.
• تمتع الزائر بجمال الألوان.

الخطوات

• توجه إلي لوحة التحكم/القالب/تحرير HTML

قم بالبحث عن body { واضف وامسحها وإن لم تجدها فلا توجد مشكلة
وابحث عن ]]></b:skin> < وضع فوقها الكود التالي

body {
@keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}@-webkit-keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}@-moz-keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}@-o-keyframes colorBackground {      0% { background-color: #fbcf61; color: #fbcf61; }     20% { background-color: #6bd57e; color: #6bd57e; }     40% { background-color: #ff6f6f; color: #ff6f6f; }     60% { background-color: #57cff4; color: #57cff4; }     80% { background-color: #0ed4c8; color: #0ed4c8; }    100% { background-color: #fbcf61; color: #fbcf61; }}
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */}

والآن مبروك عليك إذا اعجبتك الإضافة فلا تبخل علينا بتعليقك ^^