شرح عمل نبض وميض على زر التسجيل

هل ترغب في جذب انتباه الزوار الذين يزورون المنتدى؟
بعد تشغيل الكود التالي سيظهر زر التسجيل
حول نبضات القلب.
نتيجة:
الطريقة كالتالي:
1 : إضافة إلى القالب extra.less

كود PHP:

/* PULSE ANIMATION */
.pulse {
position: relative;
box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
cursor: pointer;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse:hover {
-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} 


2: في قالب "Page_container"
ابحث عن :

كود PHP:

 <span class="p-navgroup-linkText">{{ phrase('register') }}</span> 


غيره بالكود التالي:

كود PHP:

<span class="p-navgroup-linkText"><span class="pulse">{{ phrase('register') }}</span></span> 


مع أجمل تحيه معتادهـ

لؤلؤه ,غرام الشوق معجبون بهذا

الموضوع الأصلي: شرح عمل نبض وميض على زر التسجيل || الكاتب: الوافي || المصدر: منتديات غرام الشوق

www.gram-alshoog.com

منتديات | منتدى | منتديات غرام | منتديات عامه

برامج | سيارات | هاكات | استايلات | برمجه | منتديات عامه