یہ پوسٹ سی ایس ایس کی مدد سے منتقلی کو ترتیب دینے کے طریقہ کار کی وضاحت کرتی ہے۔ ڈسپلے 'اور' دھندلاپن پراپرٹیز۔
سی ایس ایس 'ڈسپلے' اور 'اوپیسٹی' پراپرٹیز کو کیسے منتقل کیا جائے؟
سی ایس ایس کو منتقل کرنے کے لیے ' ڈسپلے 'اور' دھندلاپن خصوصیات، سب سے پہلے، کے ساتھ ایک div کنٹینر بنائیں شروع میں اس کی مدد سے ایک div کنٹینر بنائیں۔ اگلا، کلاس کا نام استعمال کرکے div کنٹینر تک رسائی حاصل کریں۔ اہم شے 'اور سیٹ کریں' ڈسپلے جائیداد: یہاں، کی قدر ' ڈسپلے 'پراپرٹی سیٹ کی گئی ہے' بلاک اسکرین کی تمام چوڑائی لینے کے لیے۔ اگلا، رسائی شدہ div کنٹینر پر درج ذیل CSS خصوصیات کا اطلاق کریں: اوپر بیان کردہ کوڈ کے ٹکڑوں میں: آؤٹ پٹ اب، div کنٹینر تک رسائی حاصل کریں ' : ہوور ' سیوڈو سلیکٹر جو عناصر کو منتخب کرنے کے لیے استعمال کیا جاتا ہے جب ہم ان پر ماؤس ہوور کرتے ہیں: پھر، سیٹ کریں ' دھندلاپن 'منتخب کردہ عنصر کا بطور' 1 شفافیت کو دور کرنے کے لیے۔ آؤٹ پٹ یہ سب کچھ ٹرانزیشن CSS 'ڈسپلے' اور 'مبہم' خصوصیات کو ترتیب دینے کے بارے میں ہے۔ ٹرانزیشن 'ڈسپلے' اور 'اوپیسٹی' پراپرٹیز کو سیٹ کرنے کے لیے، سب سے پہلے
مرحلہ 1: ایک 'div' کنٹینر بنائیں
مرحلہ 2: 'ڈسپلے' پراپرٹی سیٹ کریں۔
.main-item {
ڈسپلے : بلاک ;
}
مرحلہ 3: پس منظر کی تصویر شامل کریں۔
اونچائی : 400px ;
چوڑائی : 400px ;
پس منظر کی تصویر : یو آر ایل ( spring-flowers.jpg ) ;
دھندلاپن : 0.1 ;
منتقلی : دھندلاپن 2s آسانی سے باہر ;
مارجن : 30px 50px ;
}
مرحلہ 4: ': ہوور' سیوڈو سلیکٹر کا اطلاق کریں۔
دھندلاپن : 1 ;
}
نتیجہ