يشرح هذا المنشور طريقة تعيين الانتقال بمساعدة CSS ' عرض ' و ' العتامة ' ملكيات.
كيفية الانتقال إلى خصائص 'عرض' و 'عتامة' CSS؟
لنقل CSS ' عرض ' و ' العتامة '، أولاً ، أنشئ حاوية div تحتوي على' في البداية ، اصنع حاوية div بمساعدة ' بعد ذلك ، قم بالوصول إلى حاوية div باستخدام اسم الفئة ' العنصر الرئيسي 'وضبط' عرض ' ملكية: هنا ، قيمة ' عرض 'تم تعيين الخاصية' على أنها ' حاجز 'لاستيعاب عرض الشاشة بالكامل. بعد ذلك ، قم بتطبيق خصائص CSS التالية على حاوية div التي تم الوصول إليها: في مقتطف الشفرة المذكور أعلاه: انتاج | الآن ، قم بالوصول إلى حاوية div على طول ' :يحوم 'المُحدِّد الزائف الذي يُستخدم لتحديد العناصر عند تحريك الماوس فوقها: ثم ، اضبط ' العتامة 'للعنصر المحدد كـ' 1 'لإزالة الشفافية. انتاج | هذا كل شيء عن تعيين خصائص 'عرض' و 'عتامة' CSS للانتقال. لتعيين خصائص الانتقال 'عرض' و 'عتامة' ، أولاً ، قم بإنشاء حاوية div باستخدام عنصر
الخطوة 1: إنشاء حاوية 'div'
<فئة div = 'العنصر الرئيسي' > >
الخطوة 2: تعيين خاصية 'عرض'
.main-item {
عرض : حاجز ؛
}
الخطوة 3: إضافة صورة الخلفية
ارتفاع : 400 بكسل ؛
عرض : 400 بكسل ؛
الصورة الخلفية : عنوان url ( الربيع-الزهور. jpg ) ؛
العتامة : 0.1 ؛
انتقال : العتامة 2 ثانية سهولة في الخروج ؛
هامِش : 30 بكسل 50 بكسل ؛
}
الخطوة 4: تطبيق ': hover' Pseudo Selector
العتامة : 1 ؛
}
خاتمة