مواقع مفضّلة: وصفات طبخ كوكتيل

النتائج 1 إلى 4 من 4

الموضوع: الدرس التاسع عشر من دورة css - الشفافية - Opacity / Transparency

  1. #1
    الصورة الرمزية bringy
    تاريخ التسجيل : Dec 2011
    رقم العضوية : 30217
    الاقامة : مصر
    الجنس : شركة اخرى
    الجنسية : 512 Kbps
    المشاركات : 3,359
    My SMS : D-LINK G604T
    انا دلوقتى نايــم
    معدل تقييم المستوى : 181
    Array

    افتراضي الدرس التاسع عشر من دورة css - الشفافية - Opacity / Transparency



    الشفافية - Opacity / Transparency


    تمكننا css من تحديد شفافية عناصر html كما بالصورة التالية :

    [IMG]http://www.enjaztech.com/up/i/00010/hli*3zzj9onw.jpg[/IMG]

    ففى الصورة السابقة نلاحظ وجود عنصر باللون الأسود تم تقليل شفافيته يظهر فوق صورة الخلفية

    والخاصية التى تقوم بالتحكم في شفافية العناصر هي (opacity )وتكتب بهذا الشكل:

    كود:
    div { opacity:0.4; }

    وتكتب قيمة هذه الخاصية عن طريق إختيار قيمة من بين
    0.0 إلى 1.0
    حيث 0.0 هي أقل قيمة للشفافية
    و 1.0 هي أكبر قيمة للشفافية

    ملاحظة : هذه الخاصية تعمل في متصفحات إنترنت إكسبلورر 9 وفاير فوكس وجوجل كروم وسفارى لكنها لا تعمل في المتصفحات إنترنت إكسبلورر 8 فيما أقل

    لذلك يجب أن نستخدم معها الخاصية
    كود:
    filter:alpha(opacity=x);
    ويتم إستبدال الحرف x بالقيمة التى نريدها
    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=124008
    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=124008
    والقيمة تكون بين 0 إلى 100

    وهذا يعنى أنه عندما تريد تقليل شفافية عنصر يجب إستخدام الطريقتين في كود واحد حتى يعمل الكود على جميع المتصفحات بهذا الشكل:

    كود:
    div { opacity:0.4; filter:alpha(opacity=40); }
    إنتهى الدرس ...

  2. #2
    الصورة الرمزية هند صبرى
    تاريخ التسجيل : Feb 2012
    رقم العضوية : 30645
    الاقامة : EGYPT
    الجنس : Mobily
    الجنسية : 256 Kbps
    المشاركات : 3,932
    هواياتى : العمل عبادة
    My SMS : 3com
    انا دلوقتى نايــم
    معدل تقييم المستوى : 195
    Array

    افتراضي رد: الدرس التاسع عشر من دورة css - الشفافية - Opacity / Transparency

    شكرا اخى عبدو وبارك الله فيك وجزاك الله كل الخير
    على موضوعك القيم
    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=124009
    الموضوع الأصلى من هنا: بوابة إنجاز التقنية | خاصة بـ DSL و التقنية و الشبكات http://www.enjaztech.com/vb/showthread.php?p=124009

    والى الامام دائما
    التعديل الأخير تم بواسطة هند صبرى ; 05-03-2012 الساعة 03:54 AM


  3. #3
    الصورة الرمزية fmounirf
    تاريخ التسجيل : Jan 2013
    رقم العضوية : 33185
    الاقامة : المغرب

    افتراضي رد: الدرس التاسع عشر من دورة css - الشفافية - Opacity / Transparency

    شكرا على الدرس اخي، اعجبتني النتيجة بعد ان دمجت بين الشفافية و hover

  4. #4
    الصورة الرمزية abdou80
    تاريخ التسجيل : Jul 2014
    رقم العضوية : 38649
    الاقامة : maroc

    افتراضي رد: الدرس التاسع عشر من دورة css - الشفافية - Opacity / Transparency

    شكرا لك،، هذا من افضل الدروس

المواضيع المتشابهه

  1. مشاركات: 1
    آخر مشاركة: 12-10-2012, 02:38 PM
  2. [ درس ] : سلسلة مهارات فوتوشوب 6 : شفافية عناصر الطبقات Opacity
    بواسطة ياسمينه في المنتدى منتدى التصميم و الرسومات Design & Graphics
    مشاركات: 1
    آخر مشاركة: 11-28-2012, 08:36 PM
  3. [ درس ] : دروس فوتوشوب 2013 سلسلة مهارات درس: شفافية عناصر الطبقات Opacity
    بواسطة ياسمينه في المنتدى منتدى التصميم و الرسومات Design & Graphics
    مشاركات: 1
    آخر مشاركة: 10-28-2012, 03:14 PM
  4. [ الدرس التاسع ] طريقة ربط البرنامج بمجلد الموقع وربط الموقع بقاعدة البيانات
    بواسطة bringy في المنتدى منتدى تطوير المواقع Web Development
    مشاركات: 1
    آخر مشاركة: 01-07-2012, 03:32 PM
  5. الدرس التاسع عشر و الاخير من ضمن خيارات المنتدى
    بواسطة عراقية وأفتخر في المنتدى دعم منتديات vBulletin 3.8.X
    مشاركات: 2
    آخر مشاركة: 10-24-2011, 10:54 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •