كيفية إنشاء: الزر المتحرك
تعلم كيفية إضافة تأثيرات الحركة إلى الزر باستخدام CSS.
الزر المتحرك
الصفحات ذات الصلة
دليل:زر CSS
جدول الدروس صندوق الأدوات
القائمة
- شريط الرموز
- رمز القائمة
- الأورغن
- علامة المميزة
- العلامة المميزة العمودية
- عنوان علامة المميزة
- العلامة المميزة الكاملة
- العلامة المميزة عند التفاعل
- التصفح الأعلى
- التصفح الأعلى التفاعلي
- التصفح المفكك
- شريط التصفح برمز
- قائمة البحث
- شريط البحث
- اللوحة الجانبية الثابتة
- التصفح الجانبي
- اللوحة الجانبية التفاعلية
- التصفح الكامل
- القائمة خارج اللوحة
- أزرار التصفح الجانبية عند التفاعل
- اللوحة الجانبية برمز
- القائمة المتحركة الأفقية
- القائمة العمودية
- التصفح السفلي
- التصفح السفلي التفاعلي
- الروابط في الحدود السفلية للتصفح
- الروابط في القائمة المرتبة إلى اليمين
- الروابط في القائمة المركزية
- روابط قائمة متساوية
- قائمة ثابتة
- قائمة توجيه تنقل عند التمرير
- قائمة توجيه إخفاء عند التمرير
- قائمة توجيه تقلص عند التمرير
- قائمة توجيه صلدة
- قائمة توجيه على الصورة
- قائمة سحابة تطفئة
- قائمة سحابة نقر
- قائمة سحابة متدرجة
- قائمة سحابة في لوحة توجيه العلوية
- قائمة سحابة في لوحة توجيه جانبية
- قائمة توجيه م��رة مع سحابة
- قائمة توجيه فرعية
- قائمة سحابية
- قائمة فائقة
- قائمة متنقلة
- قائمة منقولة
- لوحة جانبية متدحرجة
- لوحة جانبية متدحرجة
- التشطيب
- دليل الخبز
- مجموعة أزرار
- مجموعة أزرار عمودية
- شريط اجتماعي صلد
- توجيه شكل الدواء
- مؤشر رأسي م��ر
صورة
- شريحة
- مكتبة شرائح
- صورة نافذة
- نافذة ضوء
- شبكة صور م��رة
- شبكة صور
- مكتبة صور
- مكتبة صور متدحرجة
- مكتبة صور بطاقية
- توهج فوق الصورة
- تمرير فوق الصورة
- توسيع فوق الصورة
- عنوان فوق الصورة
- شعار فوق الصورة
- تأثير الصورة
- صورة أبيض وأسود
- نص الصورة
- كتلة نص على الصورة
- نص شفاف على الصورة
- صورة كاملة الصفحة
- نموذج على الصورة
- صورة رئيسية
- خلفية غير واضحة
- تبديل خلفية عند التمرير
- صور متوازية
- صورة دائرية
- صورة رأسية
- صورة م��رة
- صورة مركزية
- صورة مرآة
- حافة الصورة
- تعريف الفريق
- صورة صلبة
- صورة مقلوبة
- صورة دрожية
- مكتبة أعمال
- مجموعة أعمال قابلة للتصفية
- توسيع الصور
- مكبر الصور
- مغرفة مقارنة الصور
- شعار الموقع
زر
- زر إنذار
- زر هندسي
- زر الفصل
- الزر المتحرك
- زر التدرج
- زر على الصورة
- زر وسائل التواصل الاجتماعي
- قراءة المزيد/قراءة أقل
- زر التحميل
- زر التحميل
- زر شكل الدواء
- زر إشعار
- زر رمزي
- زر الصفحة التالية/الصفحة السابقة
- زر المزيد في التوجيه
- زر مكعب
- زر نصي
- زر دائري
- زر العودة إلى القمة
نموذج
- نموذج تسجيل الدخول
- نموذج التسجيل
- نموذج التسجيل
- نموذج الاتصال
- نموذج تسجيل الدخول الاجتماعي
- نموذج تسجيل
- نموذج مع أيقونة
- اشتراك في الأخبار
- نموذج متداخل
- نموذج م��ر
- نموذج تنبيه
- نموذج داخلي
- حذف حقل الإدخال
- إخفاء الرؤوس الرقمية
- نسخ النص إلى لوحة المفاتيح
- البحث المتحرك
- زر البحث
- البحث الكامل الشاشة
- حقل إدخال في قائمة التوجيه
- نموذج تسجيل الدخول في قائمة التوجيه
- مربعات اختبار/أزرار اختيار مخصصة
- حقل اختيار مخصص
- تبديل مفتاح
- تحديد مربع اختبار
- كشف عن التشغيل الكبير
- إطلاق النقر بزر الماوس الأيمن باستخدام مفتاح Enter
- تحقق من كلمة المرور
- تبديل مرئية كلمة المرور
- نموذج خطوات متعددة
- التكملة التلقائية
- إغلاق التكملة التلقائية
- إغلاق التحقق من النص
- زر تحميل ملف
- تحقق من الإدخال الفارغ
مصفي
جداول
المزيد
- فيديو الشاشة الكاملة
- نافذة
- نافذة إلغاء التشغيل
- خط الزمني
- مؤشر التدوير
- شريط التقدم
- شريط المهارات
- محدد نطاق
- محدد اللون
- حقل البريد الإلكتروني
- مؤشر الأدوات
- عرض العنصر عند التحليك
- نافذة إضافية
- المحتوى القابل للطي
- التقويم
- تضمين HTML
- قائمة المهام
- المحمل
- الشارة
- التقييم النجمي
- التقييم الخاص بالمستخدم
- التأثير المغطى
- شريحة الاتصال
- بطاقة
- بطاقة التدوير
- بطاقة الملف الشخصي
- بطاقة المنتج
- التحذير
- نافذة الإخطار
- ملاحظات
- العلامة
- الشريط
- مجال العلامات
- الدائرة
- خط أفقي مزخرف
- كوبون
- مجموعة قائمة
- مجموعة قائمة مع شارة
- قائمة بدون علامات
- نص تفاعلي
- نص الظل
- نص مضيء
- الساق الثابتة
- العنصر الملتصق
- المساواة في الارتفاع
- إزالة الفوترة
- ال浮动 التفاعلي
- شريط الإخطارات
- نافذة الشاشة الكاملة
- رسم التمرير
- التمرير السلس
- الخلفية المتدرجة المتحركة
- الرأس الملتصق
- تصغير رأس الصفحة عند التمرير
- جدول الأسعار
- التمييز المتدرج
- نسب العرض والارتفاع
- الإطار الداخلي التفاعلي
- تبديل المفضلة/غير المفضلة
- تبديل العرض/الإخفاء
- تبديل النمط المظلم
- تبديل النص
- تبديل النوع
- إضافة النوع
- إزالة النوع
- تغيير النوع
- النوع النشط
- رؤية الشجرة
- إزالة الأعداد الصغيرة
- إزالة السمة
- التحقق من الاتصال بالإنترنت
- البحث عن العناصر المخفية
- إعادة توجيه الصفحة
- تنسيق الأعداد
- التكبير عند التحليك
- صندوق التدوير
- المركز العمودي
- مركز الزر داخل DIV
- القائمة المركزية
- 过渡 التحليك
- السهم
- الشكل
- رابط التحميل
- العنصر الكامل
- نافذة المتصفح
- شريط التمرير المخصص
- إخفاء الشريط المرئي
- عرض/إجبار عرض الشريط المرئي
- شكل الجهاز
- الجدار حول المحتوى القابل للتحرير
- لون العلامة
- تعطيل تحديد حجم النص
- تعطيل اختيار النص
- لون النص
- لون السطور
- خط عمودي
- خط الفقرة
- خط الفقرة
- الرموز المتحركة
- مؤشر التسوية
- تأثير الطباعة
- الصفحة القادمة
- رسائل المحادثة
- نافذة محادثة قابلة للإغلاق
- قطع الشاشة
- مراجعات العملاء
- حساب منطقة الكتلة
- شريط التقتباس
- عناصر القائمة القابلة للإغلاق
- نقاط التوقف للهواتف المحمولة
- عناصر HTML القابلة للسحب
- استعلامات وسائل الإعلام JS
- مؤشر النص
- التحرك باستخدام JS
- طول النص باستخدام JS
- الحساب الأسي
- الإعداد الافتراضي باستخدام JS
- عدد عشوائي باستخدام JS
- ترتيب قائمة الأعداد باستخدام JS
- التحويل الإجباري باستخدام JS
- التحرك إلى العرض باستخدام JS
- الحصول على التاريخ الحالي
- الحصول على عنوان الويب الحالي
- الحصول على حجم الشاشة الحالية
- الحصول على عنصر iframe
الشبكة
- تخطيط الأثنتين أعمدة
- تخطيط الثلاثة أعمدة
- تخطيط الأربعة أعمدة
- توسيع الشبكة
- رؤية الشبكة القائمة
- تخطيط المزيج العمودي
- بطاقات العمودية
- تخطيط الحرفية
- تخطيط المدونة
المحول
صندوق الأدوات
القائمة
- شريط الرموز
- رمز القائمة
- الأورغن
- علامة المميزة
- العلامة المميزة العمودية
- عنوان علامة المميزة
- العلامة المميزة الكاملة
- العلامة المميزة عند التفاعل
- التصفح الأعلى
- التصفح الأعلى التفاعلي
- التصفح المفكك
- شريط التصفح برمز
- قائمة البحث
- شريط البحث
- اللوحة الجانبية الثابتة
- التصفح الجانبي
- اللوحة الجانبية التفاعلية
- التصفح الكامل
- القائمة خارج اللوحة
- أزرار التصفح الجانبية عند التفاعل
- اللوحة الجانبية برمز
- القائمة المتحركة الأفقية
- القائمة العمودية
- التصفح السفلي
- التصفح السفلي التفاعلي
- الروابط في الحدود السفلية للتصفح
- الروابط في القائمة المرتبة إلى اليمين
- الروابط في القائمة المركزية
- روابط قائمة متساوية
- قائمة ثابتة
- قائمة توجيه تنقل عند التمرير
- قائمة توجيه إخفاء عند التمرير
- قائمة توجيه تقلص عند التمرير
- قائمة توجيه صلدة
- قائمة توجيه على الصورة
- قائمة سحابة تطفئة
- قائمة سحابة نقر
- قائمة سحابة متدرجة
- قائمة سحابة في لوحة توجيه العلوية
- قائمة سحابة في لوحة توجيه جانبية
- قائمة توجيه م��رة مع سحابة
- قائمة توجيه فرعية
- قائمة سحابية
- قائمة فائقة
- قائمة متنقلة
- قائمة منقولة
- لوحة جانبية متدحرجة
- لوحة جانبية متدحرجة
- التشطيب
- دليل الخبز
- مجموعة أزرار
- مجموعة أزرار عمودية
- شريط اجتماعي صلد
- توجيه شكل الدواء
- مؤشر رأسي م��ر
صورة
- شريحة
- مكتبة شرائح
- صورة نافذة
- نافذة ضوء
- شبكة صور م��رة
- شبكة صور
- مكتبة صور
- مكتبة صور متدحرجة
- مكتبة صور بطاقية
- توهج فوق الصورة
- تمرير فوق الصورة
- توسيع فوق الصورة
- عنوان فوق الصورة
- شعار فوق الصورة
- تأثير الصورة
- صورة أبيض وأسود
- نص الصورة
- كتلة نص على الصورة
- نص شفاف على الصورة
- صورة كاملة الصفحة
- نموذج على الصورة
- صورة رئيسية
- خلفية غير واضحة
- تبديل خلفية عند التمرير
- صور متوازية
- صورة دائرية
- صورة رأسية
- صورة م��رة
- صورة مركزية
- صورة مرآة
- حافة الصورة
- تعريف الفريق
- صورة صلبة
- صورة مقلوبة
- صورة دрожية
- مكتبة أعمال
- مجموعة أعمال قابلة للتصفية
- توسيع الصور
- مكبر الصور
- مغرفة مقارنة الصور
- شعار الموقع
زر
- زر إنذار
- زر هندسي
- زر الفصل
- الزر المتحرك
- زر التدرج
- زر على الصورة
- زر وسائل التواصل الاجتماعي
- قراءة المزيد/قراءة أقل
- زر التحميل
- زر التحميل
- زر شكل الدواء
- زر إشعار
- زر رمزي
- زر الصفحة التالية/الصفحة السابقة
- زر المزيد في التوجيه
- زر مكعب
- زر نصي
- زر دائري
- زر العودة إلى القمة
نموذج
- نموذج تسجيل الدخول
- نموذج التسجيل
- نموذج التسجيل
- نموذج الاتصال
- نموذج تسجيل الدخول الاجتماعي
- نموذج تسجيل
- نموذج مع أيقونة
- اشتراك في الأخبار
- نموذج متداخل
- نموذج م��ر
- نموذج تنبيه
- نموذج داخلي
- حذف حقل الإدخال
- إخفاء الرؤوس الرقمية
- نسخ النص إلى لوحة المفاتيح
- البحث المتحرك
- زر البحث
- البحث الكامل الشاشة
- حقل إدخال في قائمة التوجيه
- نموذج تسجيل الدخول في قائمة التوجيه
- مربعات اختبار/أزرار اختيار مخصصة
- حقل اختيار مخصص
- تبديل مفتاح
- تحديد مربع اختبار
- كشف عن التشغيل الكبير
- إطلاق النقر بزر الماوس الأيمن باستخدام مفتاح Enter
- تحقق من كلمة المرور
- تبديل مرئية كلمة المرور
- نموذج خطوات متعددة
- التكملة التلقائية
- إغلاق التكملة التلقائية
- إغلاق التحقق من النص
- زر تحميل ملف
- تحقق من الإدخال الفارغ
مصفي
جداول
المزيد
- فيديو الشاشة الكاملة
- نافذة
- نافذة إلغاء التشغيل
- خط الزمني
- مؤشر التدوير
- شريط التقدم
- شريط المهارات
- محدد نطاق
- محدد اللون
- حقل البريد الإلكتروني
- مؤشر الأدوات
- عرض العنصر عند التحليك
- نافذة إضافية
- المحتوى القابل للطي
- التقويم
- تضمين HTML
- قائمة المهام
- المحمل
- الشارة
- التقييم النجمي
- التقييم الخاص بالمستخدم
- التأثير المغطى
- شريحة الاتصال
- بطاقة
- بطاقة التدوير
- بطاقة الملف الشخصي
- بطاقة المنتج
- التحذير
- نافذة الإخطار
- ملاحظات
- العلامة
- الشريط
- مجال العلامات
- الدائرة
- خط أفقي مزخرف
- كوبون
- مجموعة قائمة
- مجموعة قائمة مع شارة
- قائمة بدون علامات
- نص تفاعلي
- نص الظل
- نص مضيء
- الساق الثابتة
- العنصر الملتصق
- المساواة في الارتفاع
- إزالة الفوترة
- ال浮动 التفاعلي
- شريط الإخطارات
- نافذة الشاشة الكاملة
- رسم التمرير
- التمرير السلس
- الخلفية المتدرجة المتحركة
- الرأس الملتصق
- تصغير رأس الصفحة عند التمرير
- جدول الأسعار
- التمييز المتدرج
- نسب العرض والارتفاع
- الإطار الداخلي التفاعلي
- تبديل المفضلة/غير المفضلة
- تبديل العرض/الإخفاء
- تبديل النمط المظلم
- تبديل النص
- تبديل النوع
- إضافة النوع
- إزالة النوع
- تغيير النوع
- النوع النشط
- رؤية الشجرة
- إزالة الأعداد الصغيرة
- إزالة السمة
- التحقق من الاتصال بالإنترنت
- البحث عن العناصر المخفية
- إعادة توجيه الصفحة
- تنسيق الأعداد
- التكبير عند التحليك
- صندوق التدوير
- المركز العمودي
- مركز الزر داخل DIV
- القائمة المركزية
- 过渡 التحليك
- السهم
- الشكل
- رابط التحميل
- العنصر الكامل
- نافذة المتصفح
- شريط التمرير المخصص
- إخفاء الشريط المرئي
- عرض/إجبار عرض الشريط المرئي
- شكل الجهاز
- الجدار حول المحتوى القابل للتحرير
- لون العلامة
- تعطيل تحديد حجم النص
- تعطيل اختيار النص
- لون النص
- لون السطور
- خط عمودي
- خط الفقرة
- خط الفقرة
- الرموز المتحركة
- مؤشر التسوية
- تأثير الطباعة
- الصفحة القادمة
- رسائل المحادثة
- نافذة محادثة قابلة للإغلاق
- قطع الشاشة
- مراجعات العملاء
- حساب منطقة الكتلة
- شريط التقتباس
- عناصر القائمة القابلة للإغلاق
- نقاط التوقف للهواتف المحمولة
- عناصر HTML القابلة للسحب
- استعلامات وسائل الإعلام JS
- مؤشر النص
- التحرك باستخدام JS
- طول النص باستخدام JS
- الحساب الأسي
- الإعداد الافتراضي باستخدام JS
- عدد عشوائي باستخدام JS
- ترتيب قائمة الأعداد باستخدام JS
- التحويل الإجباري باستخدام JS
- التحرك إلى العرض باستخدام JS
- الحصول على التاريخ الحالي
- الحصول على عنوان الويب الحالي
- الحصول على حجم الشاشة الحالية
- الحصول على عنصر iframe
الشبكة
- تخطيط الأثنتين أعمدة
- تخطيط الثلاثة أعمدة
- تخطيط الأربعة أعمدة
- توسيع الشبكة
- رؤية الشبكة القائمة
- تخطيط المزيج العمودي
- بطاقات العمودية
- تخطيط الحرفية
- تخطيط المدونة
المحول
الدورات الاختيارية
توصيات الدورات
توصيات الدورات
رابط الممول
المحتوى المقدم من CodeW3C.com مخصص للتعليم والتدريب فقط ولا يضمن دقة المحتوى. لا تتعلق المخاطر التي تنشأ من استخدام محتوى هذا الموقع بالموقع نفسه. حقوق الطبع والنشر محفوظة، يحق للحائز الحفاظ على جميع الحقوق.
عن CodeW3C.com
مساعدة CodeW3C.com
شروط الاستخدام
شروط الخصوصية
