پراپرٹی CSS "شفافیت" - سائٹ زیادہ دلچسپ ڈیزائن بنانے کے لئے ایک آسان طریقہ

آج، ویب سائٹ کے ڈیزائن کی تخلیق کے ایک آرٹ فارم بن جاتا ہے. یہ ایک مخصوص رنگ اور کے صفحے عناصر کی صرف ایک سیٹ نہیں ہے سائز، فونٹ مختلف شیلیوں اور موضوعات پینٹنگز کی. دوسروں سے آپ کی ویب سائٹ کو مختلف بنانے کے زائرین کی توجہ کو اپنی طرف متوجہ کرنے کے لئے اور بعض عناصر کو اس کی ہدایت کرنے کے لئے، طریقوں اور آلات کی ایک بڑی تعداد کا استعمال کیا. شفافیت - ان میں ایک بہت مقبول جائیداد CSS ہے. اس ٹیکنالوجی بہت فیشن اور گلیمرس ہے، اور اس وجہ سے اکثر استعمال کیا جاتا ہے. مثال کے طور پر متن کے ٹکڑے یا پوری تصویر، - ٹرانسپیرنسی سائٹ کے مختلف اشیاء کے صفحات دے سکتے ہیں. یہ بھی مختلف طریقوں سے حاصل کی. ہم ذیل میں ان کا جائزہ لیتے ہیں.

پیرامیٹر شفافیت کے عناصر کی وضاحت

پیرامیٹر کئی کے عناصر کی شفافیت کو کنٹرول کرنے کے لئے. وہ "ایڈجسٹ" ڈیزائن کے تحت ہے جو براؤزر، کے مخصوص مقاصد کی بنیاد پر استعمال کیا جاتا ہے، کے ساتھ ساتھ. یہ مندرجہ ذیل خصوصیات میں شامل ہیں:

• دھندلاپن؛
• فلٹر؛
• ایک پس منظر کے طور پر PNG تصویر.

زیادہ تعداد، کم عنصر کی شفافیت کی سطح: پراپرٹی اقدار CSS "شفافیت" مندرجہ ذیل کے طور پر تبدیل کر رہے ہیں. 10 سے 100. کو اور مؤخر الذکر Interet ایکسپلورر براؤزر، اور تمام دیگر قابل اطلاق دھندلاپن جائیداد کے لئے استعمال کیا جاتا ہے - دھندلاپن، یہ 0 سے 1 تک، فلٹر میں مختلف ہوتی ہے.

ٹرانسپیرنسی تصویر (بدلتے ہوئے)

چلو آپ آئٹم کو منتقل جب شفاف دکھایا جائے گا کہ اختیارات کے ساتھ شروع کرتے ہیں ماؤس کے گھسیٹنے کی طرف سے.

ہماری تصویر کی شفافیت کی وضاحت کرنے کے طریقے پر غور کرتے ہیں. سی ایس ایس کے دو اختیارات فراہم کرتا ہے. ایسا کرنے کے لئے، اگر آپ اسے براہ راست کوڈ ایچ ٹی ایم ایل-دستاویز میں مندرجہ ذیل کے طور پر رجسٹر کرنا ضروری ہے:

1. تصویر کا راستہ کی وضاحت کریں.
2. ہم شفافیت کے پیرامیٹرز کی وضاحت کرسر نہیں ہے جب. ایسا کرنے کے لئے، ہم دھندلاپن، اور فلٹر کی قدر مشروع ہے جس onmouseover اور onmouseout، کی خصوصیات کا استعمال کرتے ہیں.

ایک ہی خصوصیات CSS-دستاویز اور اس کے لئے ایک ریفرنس شامل کرنے کے لئے منبع کوڈ میں مشروع کیا جا سکتا. نتائج ایک ہی ہو.

متن اور صفحے بلاکس کی ٹرانسپیرنسی

جیسا کہ متن یا بلاک (شفاف div کے) لئے، CSS اس کے اختیار، ایک شفاف تصویر بنانے کے لئے اسی طرح پیش کرتا ہے، آپ کو جس میں مطلوبہ پیرامیٹرز کو مقرر کر رہے ہیں سے منسلک سی ایس ایس فائل، استعمال کرنا ہے. تم جاؤ اور ایک آسان طریقہ سکتے ہیں. آپ سٹائل بلاک div کے سٹائل مقرر یا متن P onmouseover اور عناصر onmouseout کو مندرجہ ذیل HTML کوڈ لکھ جب. دونوں کے اختیارات کام کرتے ہیں اور مطلوبہ نتائج پیدا.

شفافیت مسلسل

کچھ صورتوں میں، کسی چیز کی شفافیت، آپ کو ایک مسلسل جاری کی بنیاد پر قائم کرنے کے لئے چاہتے ہیں ایک ڈیزائن عنصر یا متن. اس صورت میں، اس کا حل آپ کو ماؤس کرسر ہوور جب مقابلے میں بھی آسان ہے.

شفافیت لئے سی ایس ایس عنصر مندرجہ ذیل کوڈ کے ذریعے دی جائے گی. بلاک div کے سٹائل میں پس منظر (جیسے # ff8800)، دھندلاپن (مثلا، 0.5) اور چوڑائی (چوڑائی) اور بھرتی (بھرتی) کے اقدار لکھ.

تصویر کے کوڈ اقدار بنا رہے ہیں اور دھندلاپن فلٹر، اور تصویر کا راستہ کی وضاحت.

RGBA-طریقہ کار

شفافیت کسی بھی ڈیزائن عنصر کی بنیاد رنگ پر لاگو کیا جا سکتا ہے: اس کی خاصیت CSS استعمال کرتے ہوئے کے لئے دیگر اختیارات ہیں. اس RGBA طریقہ کار استعمال کرتا ہے. الفا، شفافیت کی سطح کا تعین کرتا ہے جس میں - پہلے تین حروف بنیادی رنگ (سرخ، انشقاق، نیلا)، اور گزشتہ کے لئے کھڑے ہیں. RGBA فارمیٹ کا استعمال کرتے ہوئے آخری ہندسہ کو اس کی طرف اشارہ کرتے ہوئے شفافیت مشروع. مثال کے طور پر: پس منظر: RGBA (240،2،33،0.4035).

اختتام

اس طرح، سائٹ کے ڈیزائن سادہ لیکن مؤثر خصوصیت CSS "شفافیت" پر کام کے دوران میں کا استعمال کرتے ہوئے کی طرف سے، آپ کو یہ زیادہ دلچسپ اور زیادہ نمایاں کم سے کم کوشش کے ساتھ عناصر کر سکتے ہیں. بیان پیکر کی علامت اپنی مرضی کے مطابق شفافیت کی خصوصیات اس کے ساتھ آپ کی مدد کرے گا ہیں.