عرض مشاركة واحدة
احصائياتى

الردود
4

المشاهدات
2085
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
09-22-2017, 09:52 PM
المشاركة 1
09-22-2017, 09:52 PM
المشاركة 1
افتراضي طريقة اضافة تاثير وميض على زر التسجيل اثناء مرور الماوس شرح للجيل الثانى
السلام عليكم ورحمه الله وبركاته
يعتبر هذا الدرس الاول فى شروحات الزين فورو للجيل الثانى متمنين من الله التوفيق
الدرس هو كيفية جعل زر التسجيل يومض اى ينور عند مرور الاوس عليه

شاهدو معى الصوره للفهم اكثر


الطريقة
قم بالبحث عن قالب extra.less ثم قم باضافة هذا الكود بداخله
كود:
/* 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 عن
كود:
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
3- ثم نقوم باستبداله بى
كود:
<span class="p-navgroup-linkText"><span class="pulse">{{ phrase('register') }}</span></span>