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