المغلق الممتلكات "الشفافية" - طريقة بسيطة لجعل الموقع أكثر إثارة للاهتمام تصميم

اليوم، وإنشاء وتصميم الموقع يصبح شكل من اشكال الفن. هذه ليست مجرد مجموعة من عناصر الصفحة من لون معين و حجم الخطوط من أنماط مختلفة واللوحات الموضوعية. من أجل جعل موقع الويب الخاص بك مختلفا عن الآخرين، لجذب انتباه الزوار وتوجيهها إلى عناصر معينة، وتستخدم عددا كبيرا من الأساليب والأدوات. ومن بين هؤلاء هناك المغلق الملكية شعبية جدا - الشفافية. هذا الأسلوب هو الشائع جدا وبراقة، وبالتالي يستخدم في كثير من الأحيان. الشفافية يمكن أن تعطي صفحات كائنات مختلفة للموقع - كتلة النص أو الصورة كاملة، على سبيل المثال. كما حقق بطرق مختلفة. دعونا نبحث لهم أدناه.

المعلمات تحديد عناصر الشفافية

المعلمات لتنظيم الشفافية من عناصر عدة. وهي تستخدم تبعا لأهداف محددة، فضلا عن المتصفح، الذي يخضع لتصميم "تعديل". وتشمل هذه الخصائص التالية:

• غموض.
• تصفية.
• PNG صورة كخلفية.

يتم تغيير قيمة العقار المغلق "الشفافية" على النحو التالي: ارتفع عدد، وانخفاض مستوى الشفافية عنصر. التعتيم، فإنه يختلف 0-1، في فلتر - من 10 إلى 100. ويستخدم هذا الأخير لمتصفح إكسبلورر أجل المصلحة، وسائر الممتلكات التعتيم المعمول بها.

الشفافية صورة (تغيير)

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

دعونا النظر في كيفية تحديد الشفافية في الصورة. تقدم CSS خيارين. للقيام بذلك، يجب تسجيله مباشرة في الكود وثيقة على النحو التالي:

1. تحديد المسار إلى الصورة.
2. نحدد معالم الشفافية عندما يكون المؤشر ليست كذلك. للقيام بذلك، ونحن نستخدم خصائص onmouseover وonmouseout، الذي ينص على قيمة التعتيم، والتصفية.

الخصائص نفسها يمكن وصفه في المغلق وثيقة وشفرة المصدر لإضافة إشارة إلى ذلك. نتائج تتحول هي نفسها.

شفافية النص والصفحة بنات

أما بالنسبة للنص أو كتلة (شعبة شفافة)، المغلق يقدم خيارها، على غرار خلق صورة شفافة، لديك لاستخدام اتصال المغلق ملف، حيث يتم تعيين المعلمات المطلوبة. يمكنك الذهاب وطريقة أبسط. عند تعيين نمط شعبة كتلة النمط أو النص ص يصف أتش تي أم أل البرمجية التالية إلى onmouseover وonmouseout العناصر. كلا الخيارين تعمل وتنتج النتيجة المرجوة.

الشفافية ثابت

في بعض الحالات، وشفافية كائن، وهو عنصر تصميم أو النص الذي تريد تعيين على أساس مستمر. في هذا الوضع، والحل هو أبسط مما كانت عليه عندما كنت تحوم مؤشر الماوس.

سيتم إعطاء عنصر المغلق للشفافية التي كتبها رمز التالي. في كتلة أسلوب شعبة يصف القيم الخلفية (على سبيل المثال، # ff8800)، والتعتيم (على سبيل المثال، 0.5) وعرض (العرض) والحشو (الحشو).

للصورة قيم رمز تبذل وتصفية التعتيم، وتحدد المسار إلى الصورة.

RGBA-طريقة

هناك خيارات أخرى لاستخدام هذه المغلق الملكية: الشفافية يمكن تطبيقها على اللون الأساسي من أي عنصر التصميم. ويستخدم أسلوب RGBA. الأحرف الثلاثة الأولى الترشح للألوان الأساسية (الأحمر والانشطار والأزرق)، وآخر - ألفا، والذي يحدد مستوى الشفافية. باستخدام RGBA تنسيق يصف الشفافية، لافتا إلى الرقم الأخير. على سبيل المثال، على النحو التالي: الخلفية: رغبا (240،2،33،0.4035).

استنتاج

وهكذا، وذلك باستخدام في سياق العمل على تصميم الموقع ميزة بسيطة لكنها فعالة المغلق "الشفافية"، يمكنك جعله أكثر العناصر مع الحد الأدنى من الجهد للاهتمام وأكثر وضوحا. في تجسيد الموصوفة سوف ملامح الشفافية مخصصة مساعدتك في هذا.