شدت لاء ويب پيج عنصر کي هڪ گلو شامل ڪريو
هڪ نرم کان چمڪ شامل آهي هڪ عنصر ۾ شامل ڪيل توهان جي ويب پيج تي سڄو ڪارڪردگي کي عنصر ڏيڻ واري عنصر کي وڌائي ٿو. هڪ اهم اعتراض جي ٻاهرئين ڪنارن جي چوڌاري چمڙي لاڳو ڪرڻ لاء CSS3 ۽ HTML استعمال ڪريو. اسپيڊ فوٽوشاپ ۾ هڪ اعتراض ۾ هڪ ٻاهرئين چمڙي وانگر شامل آهي.
پهرين ابتدائي عنصر کي ٺاهيو
رنگ جي اثرات ڪنهن رنگ جي پس منظر تي ٿي سگهي ٿو، پر انهن کي گريڊ پس منظر تي بهترين نظر اچي ٿو ڇو ته پوء اهو چمڪ وڌيڪ سنواري ڪرڻ لڳي. هن گول-ڪائونٽ ۾ آئيني مستطيل خاني جو مثال، هڪ DIV عنصر ٻئي ڊيئ عنصر ۾ ڪارو پس منظر سان رکيل آهي. ٻاهرين ڊي وي چمڪ لاء ضروري نه آهي، پر هڪ چمڪندڙ پس منظر تي چمک ڏسي مشکل آهي.
ڊي جي هڪ گلو ڪلاس ڏيو:
عنصر جو سائز ۽ رنگ مقرر ڪريو
جيڪڏهن توهان عنصر چونڊيو ته توهان هڪ چمڪ سان چرچ ڪرڻ وارا آهيو، اڳتي وڌو ۽ ڪنهن به شئي جو توهان چاهيو ٿا، جهڙوڪ پس منظر رنگ، سائيز ۽ فونٽ. هي مثال هڪ نيرو آئل آهي. سائيز 90px طرفان 147px تي مقرر ڪيو ويو آهي. ۽ پس منظر جو رنگ # 1f5afe تي مقرر ڪيو ويو آهي، هڪ شاهي نيري. ان ۾ ڪارو ڪنٽرول جي عنصر جي وچ ۾ عنصر کي جڳهه ڪرڻ لاء هڪ گنجائش شامل آهي.
<طرز>
.glow {
حاڪمن: آٽو؛
چوٽي: 147px؛
اونچائي: 90px؛
پس منظر رنگ: # 1f5afe؛
}
گول جي ڪارناما
گول ڪنڊرن سان آئيني ٺاهڻ ٺاهڻ CSS3 سان آسان آهي. سرحد واري ريڊس طرز جي ملڪيت کي پنهنجي چمڙي طبقي ۾ شامل ڪريو. بس -webkit- ۽ -موز- فيڪسسڪسس جي استعمال جي ڪري تمام گهڻي مطابقت لاء.
ويڪرائي واري سرحد ريڊيو: 15px؛
ايم-سرحد سرحد ريڊيو: 15px؛
سرحد ريڊس: 15px؛
هڪ شيڊ جي ڇانو سان چمڪ شامل ڪريو
پاڻ کي چمڪو ڇانو واري پاڇو سان ٺهي ٿو. ڇاڪاڻ ته توهان ان کي پوري عنصر کي هيلو ڪرڻ چاهيندا ۽ هڪ پاسي کان چمڪندڙ منصوبو نه چاهيندا، توهان افقي ۽ عمودي ڊيگهه 0px تائين سيٽ ڪيو. هن مثال ۾، ڦٽي ريڊيس 15px تي مقرر ڪئي وئي آهي ۽ ڦر جي پکيڙ 5px آهي، پر توهان انهن سيٽنگون سان فليٽ ڪري سگهو ٿا ته اندازو ڪرڻ ته توهان ڪئين ۽ مختلف طريقي سان چمڪڻ چاهيندا آهيو. رنگ آر ايف جي (255،255،190) RGBa الففا شفافيت سان 75 سيڪڙو رگبي (255،255،190، .75) سيٽ سان گڏ هڪ زرد رنگ آهي. هڪ چمڪ رنگ چونڊيو جيڪو توهان جي پروجيڪٽ لاء بهتر آهي. جيئن ڪنڊرن کي گول ڪرڻ سان، برائوزر اڳوڻن (-webkit- ۽ -oz-) کي بهتر مطابقت لاء استعمال ڪرڻ نه وساريو.
ڇاڻ-دٻوڪ-پاڇو: 0px 0px 15px 5px رگبا (255، 255، 190، .75)؛
ايم-ايڪس باڪس جو پاڇو: 0px 0px 15px 5px رگبا (255، 255، 190، .75)؛
دٻي جا پاڇ: 0px 0px 15px 5px ربي (255، 255، 190، .75)؛
چمڪندڙ باڪس ٽيسٽ ڪريو
هڪ يا وڌيڪ برائوزرن ۾ چمڪندڙ دٻي کي جاچ ڪريو ۽ انهي چمڪ جو اثر ڏيڻو پوي ٿو جيڪو توهان جي ويب پيج لاء بهترين ڪم ڪري ٿو.