[تم الحل] طريقه عمل ميض الوان متعدده للاقسام الرئيسية

🕒 كان كاتب الموضوع نشطًا قبل (1 ساعة)
الحالة
مغلق و غير مفتوح للمزيد من الردود.
M

masrysat.com

عضو جديد
عضو كود نت
إنضم
21/05/2026
المشاركات
41
طريقه عمل ميض الوان متعدده للاقسام الرئيسية
Screenshot_11.png
 
masrysat.com قال:
فى انتظارك اخى
أنقر للتوسيع...
يمكنك استخدام هذا الكود
CSS: 
/* codeNET Mahdi Hamdi */
.block--category .block-header {
    display: flex;
}

.block--category .block-header a {
    background-image: linear-gradient(to right, hsl(194,87%,25%), hsl(343,65%,54%), hsl(265,27%,33%), hsl(265,27%,33%), hsl(343,65%,54%), hsl(194,87%,25%));
    background-size: 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: glowing 80s linear infinite;
    font-weight: 600;
}


@keyframes glowing {
    0% { background-position: 0 0; }
    100% { background-position: 400% 0; }
}

تحياتي ادارة كود نت
مهدي حميد
@masrysat.com
 
صديقي يمكنك طرح الموضوع في قسم شروحات للاستفاده للجميع
 
تم تغير بادئة المشكلة حتى يتم الحل ، ويمكنك شرح المشكلة بالتفصيل الدقيق حتى نجيب عليها بصورة صحيحة وبدون اي اخطأ .
 
masrysat.com قال:
نعم اسماء المنتديات
أنقر للتوسيع...
يمكنك استخدام هذا الكود ..
CSS: 
/* codeNET Mahdi Hamdi - تأثير الألوان المتحركة لأسماء المنتديات */
.node-title a {
    background-image: linear-gradient(to right, hsl(194,87%,25%), hsl(343,65%,54%), hsl(265,27%,33%), hsl(265,27%,33%), hsl(343,65%,54%), hsl(194,87%,25%));
    background-size: 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: glowing 80s linear infinite;
    font-weight: 600;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    100% { background-position: 400% 0; }
}
 
codeNET قال:
/* codeNET Mahdi Hamdi - تأثير الألوان المتحركة لأسماء المنتديات */ .node-title a { background-image: linear-gradient(to right, hsl(194,87%,25%), hsl(343,65%,54%), hsl(265,27%,33%), hsl(265,27%,33%), hsl(343,65%,54%), hsl(194,87%,25%)); background-size: 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glowing 80s linear infinite; font-weight: 600; } @keyframes glowing { 0% { background-position: 0 0; } 100% { background-position: 400% 0; } }
أنقر للتوسيع...
الكود يعمل تمام اخى
 
شكر لتعاونك ومساعدتك للاعضاء ومنتداك المحترم
 
masrysat.com قال:
الكود يعمل تمام اخى
أنقر للتوسيع...
تمام سَيُغلق الموضوع .. ان اردت اي شيء اخرى فلاتَتردّ في طرحة هنا

ادارة كود نت
مهدي حميد
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.
عودة
أعلى أسفل