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