نواصل مع مقال آخر في سلسلة هتمل، كس وجافا سكريبت هذا يجلب قائمة رموز لطيفة للتأكيد عليها المظهر المرئي أو تجربة المستخدم لموقعنا ؛ سواء كانت تجارة إلكترونية أو صفحة مقصودة أو مدونة بحد ذاتها.
تلمس اللحظة بعنصر آخر من تلك العناصر المهمة القادرة قم بالدعوة إلى العمل بحيث تصبح الأيقونة التي ستأخذ المستخدم إلى عربة التسوق ، الأزرار ، عمليات شراء. أزرار CSS التي ستجدها أدناه مجانية وتتكون من أزرار ثلاثية الأبعاد ، للشبكات الاجتماعية ، للمشاركة ، وللرجوع إلى البداية أو لإلغاء القفل مثل الآخرين.
زر ثلاثي الأبعاد
زر ثلاثي الأبعاد يبرز للعمق الذي تسببه أينما ذهبنا لوضعه مع تأثيرات التظليل التي تجعل كل عنصر من العناصر المرئية بارزًا.
زر 3D للضغط
هذا زر ثلاثي الأبعاد في CSS لديه القدرة على بدء تشغيل الرسوم المتحركة بينما نطيل من نبضها.
زر العودة
سيأخذنا زر CSS هذا إلى الجزء العلوي من موقعنا عندما نتحرك من خلاله.
زر الفقاعة
زر فقاعة في CSS و JavaScript عند النقر فوقه سوف تتناثر مع سلسلة من الفقاعات مع حركة مذهلة ومناسبة.
زر الإضافة
ل رشيقة الرسوم المتحركة يعطي الحياة لهذا الزر لإضافته في CSS والتي يمكن أن تكون أحد العناصر التي تجعل موقعنا مميزًا.
زر إزاحة CSS
على غرار السابق ، على الرغم من مع رسوم متحركة مختلفة قليلاً. يمكن أن يكون مثاليًا لسلسلة من مواقع الويب حول موضوع معين.
زر الإغلاق
نضغط هذا زر في CSS و HTML لإنتاج الرسوم المتحركة الختامية. بسيط ، ولكن مع تأثير بصري رائع.
زر إغلاق CSS
في ذلك الوقت دعنا نترك مؤشر الماوس على زر الإغلاق هذا ، يمكننا معرفة الرسوم المتحركة عالية الجودة التي سندمجها على الويب.
زر تنزيل CSS
إذا كان لدينا محتوى لتنزيله على موقعنا ، فمن المهم ذلك لدينا زر مناسب للمستخدم للحصول عليه بشكل صحيح بسرعة على نبضك. يبرز هذا الزر عند الضغط عليه ويسقط الكثير من الصدمات الصغيرة في رسم متحرك جيد التنفيذ.
زر التنزيل
هذا الزر متخصص في الرسوم المتحركة لـ ارفع كرة صغيرة سينتقل من أحد جوانب الشريط إلى الجانب الآخر ليجعلنا نبرز الإجراء الذي يتخذه المستخدم عند النقر فوق التنزيل.
زر تنزيل الرسوم المتحركة
ل رسوم متحركة طويلة جدًا للزر، ولكن يمكن أن تكون تلك التفاصيل هي التي توفر الاحتراف لموقعك على الويب لتنزيل جميع أنواع الملفات.
زر تحوم
هذا الزر في انتظارك اترك مؤشر الماوس أعلاه حتى تتمكن من رؤية الرسوم المتحركة الرائعة التي تخلقها.
زر الضوضاء
زر تحوم آخر يبرز الرسوم المتحركة المكهربة يحدث عند التمرير فوق المؤشر.
تأثير تحوم
تأثير تحوم آخر مثير للاهتمام في CSS يتميز بامتياز رسوم متحركة سريعة ورشيقة التي تنتج أحاسيس جيدة.
تأثير تحوم أنيق
زر واحد تحوم بأسلوب رائع في الرسوم المتحركة للمواقع بلمسة كلاسيكية.
تأثير Gooey
Un تأثير بسيط وغريب مما يزيد من حجم زر CSS بقليل من HTML.
الزر "مخطط"
تشتهر Stripe بـ عمل رائع في تصميم واجهة المستخدم لموقعك على الويب، زر Stripe هذا مستوحى حتى تتمكن من نقله إلى موقع الويب الخاص بك.
ثلاثة تأثيرات زر CSS
ثلاثة تأثيرات CSS في الرسوم المتحركة للزر ويمكننا اعتبار أسلوب رائع.
زر الإعجاب بالتويتر
الزر من الإعجابات على Twitter مع رسوم متحركة متألقة وحيوية. مثالي لأيام وسائل التواصل الاجتماعي هذه.
زر مثل الرسوم المتحركة
هنا ستكون القلوب أولئك الذين يقفزون فرحًا عند الضغط على زر الإعجاب.
زر الإعجاب
آخر الرسوم المتحركة غريبة للغاية مع تأثير كبير للحصول على زر الإعجاب للشبكات الاجتماعية.
زر التشغيل
زر التشغيل الذي سيبدأ القفز ، أيضا من أجل الفرح، عند الضغط عليه.
زر تشغيل CSS
الرسوم المتحركة سوف تمحو ملف المحيط المحيط بالرمز تشغيل زر CSS هذا.
زر الإيقاف المؤقت / التشغيل
مجرد زر وقفة / العب مع لمسة بسيطة في التصميم.
زر الرجعية بسيط
كما لو كنا نضغط على أزرار على وحدة تحكم اللعبة من وحدة تحكم مثل XboX.
زر قوس قزح
زر مع ملف الرسوم المتحركة قوس قزح يقوم بإعادة إنشاء الإشعارات التي تأتي إلى Galaxy S8.
الزر الاجتماعي
درج يفتح بـ أيقونات الوسائط الاجتماعية الشعبية من خلال ترك مؤشر الماوس فوقه.
الرسوم المتحركة العائمة
زر مع ملف جودة الرسوم المتحركة يتم تشغيله بمجرد النقر عليه.
أيقونات اجتماعية ثلاثية الأبعاد
Un تأثير يلفت الانتباه ويحدث ذلك عندما نترك المؤشر في وضع الراحة.
الأزرار الاجتماعية
هؤلاء تستخدم الأزرار الاجتماعية الرسوم المتحركة يغير اللون من الأعلى ليميز نفسه عن الباقي.
أزرار الاجتماعية مكعب
هذه الأزرار يقع في مكعب يتحرك بشكل مثالي عندما نترك المؤشر عليه.
أزرار المشاركة
Un زر المشاركة تتميز برسوم متحركة دورية لا نهائية.
زر مشاركة الوسائط الاجتماعية في SVG
فقط اضغط على زر المشاركة و ستجد التأثير الإلهي التي تحدث في زر الوسائط الاجتماعية هذا.
زر سهم Gooey
مع الآخر الرسوم المتحركة «Gooey»، هذا الزر ملفت للنظر جدًا للتأثير الذي ينتج عنه.
سهم
هذا زر ينقسم إلى أربعة مختلفة بحيث يمكنك اختيار الشبكة الاجتماعية التي ستنشر فيها المحتوى المشترك مباشرة.
زر تمييز المراجعات
الزر تحوم الذي يجمع النتيجة التي ستعطيها عندما تترك المؤشر مطروحًا.
زر نقاط SVG
زر تحوم آخر لـ يسجل بتقدير منتج أو أيا كان.
زر الشحن
بالضغط على ملف سيبدأ زر التحميل في عملية التنزيل أو أي شيء يعمل بشكل أفضل لموقعك على الويب.
زر القبول
اضغط عليه وسيتم قبول النموذج أو أي عمل آخر التي تحتاج إلى موافقة من مستخدم موقعنا.
زر التمرير
مخصص للجوال، يجب الضغط على هذا الزر ليتم نقله إلى الجانب مع تلك الإيماءة المعتادة في الهواتف الذكية.
فتح لفتة
Un لفتة جانبية بإصبع أو مؤشر وسنقوم بفتح الجهاز نفسه. زر مثالي آخر للجوال.
صديق مساهمة كبيرة ، شكرا لك
صفحتك ثقيلة بعض الشيء ، إذا كنت تعرف الكثير عن البرمجة وهذه الأشياء يجب عليك تحسينها وعدم استخدام wordpress xc