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

هل ترغب في جذب انتباه الزوار الذين يزورون المنتدى؟
بعد تشغيل الكود التالي سيظهر زر التسجيل
حول نبضات القلب.
نتيجة:
الطريقة كالتالي:
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

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

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

طرح قمه الروعه في والجمال
سلمت اناملك ويعطيك العافيه علي مجهودك
في أنتظار المزيد
من عطائك والمزيد ومواضيعك الرائعة والجميله
ودائما في إبداع مستمر

تسسسلم الايـآدي على روعه طرحك
الله يعطيك الف عافيه يـآرب
بانتظـآر جــديدك القــآدم بكل شووق
الف شكر لاعدمناك ياذوووق…!!
آحتـرآمي لك مع تقديري .

طرح رائع
تسلم يمينك ولا ننحرم من مواضيعك
الرائعة والجميله
عوافي

لجهودكم باقات من الشكر والتقدير
على المواضيع الرائعه والجميلة

سلمت أناملك على الطرح المميّز
ويعطيك العافية على المجهود المبذول
ما ننحرم من فيض عطائك وإبداعك