مال css "شفافيت" - ماڳ کان وڌيڪ دلچسپ ڊيزائن بنائڻ لاء هڪ سادي طريقي

اڄ، ويب سائيٽ جوڙجڪ جي پيدائش هڪ فن فارم ٿيندو. هي صرف هڪ خاص رنگ ۽ جي صفحي عنصرن جي هڪ سيٽ نه آهي سائيز، فانٽ مختلف انداز ۽ ڌني paintings جي. امان، توهان جي ويب سائيٽ ٻين کان مختلف ڪر سنڌين 'ڌيان ڏانهن راغب ڪرڻ لاء ۽ ڪجهه عنصرن کي اهو هدايت ڪرڻ ۾، طريقن ۽ اوزارن جي هڪ وڏي تعداد استعمال ڪيو. شفافيت - منجھائن ھڪ تمام مشهور ملڪيت css نه آهي. هيء ٽيڪنڪ ڪافي فيشن ۽ اوڀڙ رليا مليا آهي، ۽ تنهن ڪري اڪثر استعمال ڪيو ويندو آهي. مثال طور، متن بلاڪ يا سڄي تصوير - شفافيت جي ويب سائيٽ جي مختلف اعتراض صفحا ڏئي سگهي ٿو. اهو به مختلف صورتن ۾ حاصل ڪري. اسان انھن جي هيٺان ٻڌڻ گھرجي.

حراست ۾ شفافيت جي جزا ڄاڻائي

ڪيترن ئي جي جزن جي شفافيت کي ضابطي هيٺ رکڻ جي حراست ۾. هنن جي خاص مقصد، گڏو گڏ ان جي برائوزر، جي "ڪرڻي" خاڪي هيٺ آهي جنهن تي منحصر ڪري استعمال ڪري رهيا آهن. انهن جي ڏنل مال شامل آهن:

• opacity؛
• فلٽر؛
• هڪ پس منظر طور PNG شڪل-تصوير.

سنڌ جي اعلي تعداد، هيٺين جي هدايت جي شفافيت جي سطح: تابعداري ڪئي ته جيئن مال جي قيمت css "شفافيت" ۾ تبديل ٿي ويا آهن. هن opacity، ان کي، 0 کان 1 تائين برقرار جي فلٽر ۾ - 10 کان 100. ڪرڻ ۽ جنهنڪري Interet ايڪسپلورر برائوزر، ۽ ٻين سڀني قابل اطلاق opacity ملڪيت جي لاء استعمال ڪيو ويندو آهي.

شفافيت تصويري (تبديليء)

اچو ته ان جي اختيارن کي جڏهن توهان جي شيء وڃڻ ته شفاف ٿيندا سان شروع جي مائوس ڌرڻي جي.

اسان ٻڌ جي تصوير جي شفافيت ڄاڻائي کي ڪيئن ڏين. CSS ٻه آپشن پيش ڪري. هن ڪندا، توهان ان کي سڌو ڪوڊ HTML-سند ۾ ھلي طور رجسٽر هجڻ ضروري آهي:

1. هن تصوير کي واٽ ڄاڻائي.
2. اسان شفافيت جي حراست ۾ وصف جڏهن cursor نه آهي. هن ڪندا، اسان جي onmouseover ۽ onmouseout، جنهن opacity جي اهميت prescribes، ۽ فلٽر جي مال کي استعمال.

اهو ساڳيو ڪنڀار ان کي هڪ حوالي شامل ڪرڻ css-سند ۽ جياپي جو ذريعو ۾ مقرر ڪري سگهجي ٿو. نتيجن کي ساڳي ٻاهر موڙ.

متن ۽ صفحي پور جي شفافيت

جي متن يا بلاڪ (شفاف div) لاء، css ان جي اختيار، هڪ شفاف تصوير ٺاهڻ سان ملندڙ مليو آهي، توهان جي ڳنڍيل css-فائيل، جنهن ۾ هن جو ارادو ڪيو حراست ۾ قائم آهن استعمال ڪرڻ آهي. توهان وڃو ۽ هڪ سادو رستو ڪري سگهو ٿا. توهان جو انداز بلاڪ div انداز يا متن ص مقرر جڏهن لاء onmouseover ۽ جزا onmouseout فرض هيٺين HTML-ڪوڊ. ٻئي اختيارن ڪم ۽ گهربل نتيجو پيدا ڪري.

شفافيت مسلسل

ڪجهه حالتن ۾، ڪنهن به شئي جي شفافيت، هڪ خاڪي هدايت يا متن اوھان ويندڙ بنيادن تي قائم ڪرڻ چاهيو ٿا. هن صورتحال ۾، جي حل جڏهن توهان جي مائوس cursor hover کان به سادو آهي.

شفافيت لاء Css هدايت هيٺ ڏنل ڪوڊ جي ڏنو ويندو. بلاڪ div انداز ۾ ۽ ان جي پس منظر جي لاء انهيء (مثال طور، # ff8800)، opacity (مثال طور، 0.5) جي ويڪر (ويڪر) ۽ padding (padding) فرض.

هن تصوير ڪوڊ انهيء آسان بڻائي رهيا آهن ۽ opacity فلٽر، ۽ تصوير کي واٽ ڄاڻائي.

RGBA-جو طريقو

نه هن جي ملڪيت css استعمال ڪرڻ لاء ٻين اختيارن آهن: شفافيت ڪنهن به جوڙجڪ هدايت جي بنياد رنگ کي لاڳو ڪري سگهجي ٿو. اهو RGBA جو طريقو استعمال ڪري. ألفا، جنهن جي شفافيت جي سطح بيان - پهرين ٽي اکر جي بنيادي رنگن (لال، fission، نيري)، ۽ قيامت جي لاء اٿي. RGBA-فارميٽ استعمال ڪري شفافيت prescribes، آخري عددن کي اهو اشارو. مثال طور، جيئن: پس منظر: rgba (240،2،33،0.4035).

ٿڪل

اهڙيء طرح، اهو ماڳ جوڙجڪ سادي پر اثرائتي مضمون css "شفافيت" تي ڪم جي رخ ۾ استعمال ڪرڻ سان، توهان کي گهٽ ڪوشش سان ان کان وڌيڪ دلچسپ ۽ وڌيڪ noticeable عنصرن ٻڌائي سگهي ٿو. هن بيان embodiments رواج شفافيت خاصيتون هن سان اوھان کي مدد ڏيندو آهي.