CSS @starting-style کا قوانین

تعریف و استعمال

CSS @starting-style قاعدہ، علامت کو اپنا پہلا استایل اپدیت کی قبل ابتدائی استایل کا تعریف کرنا کا مقصد رکھتا ہے۔

یہ پوپ اپ، ماڈل بکسی یا کسی ایسے علامت کے لئے استعمال کیاجاسکتا ہے جو display: none کی حالت سے نظر میں آنے والی علامت کا رجحان بہتر داخل اور بہتر باہر نکلنا کا رجحان بہتر داخل کرسکتا ہے۔

مثال

مثال 1

استعمال کریں @starting-styleبکسی کو شفافیت 0 سے شروع کریں، اور سمت بالا سے نچلا جائے:

.box {
  چوڑائی: 150پایس;
  علائی: 150پایس;
  پس منظر رنگ: لال;
  آپریشنسی: 1;
  ترنزیشن: سارے 0.9س بہتر داخل;
  @starting-style {
    آپریشنسی: 0;
    ترجمہ: 0 -80پایس;
  }
}

آپ خود کا تجربہ کریں

مثال 2

پوپ اپ اور ڈائیلاگ میں استعمال کریں @starting-style:

#myPopover {
  ترنزیشن: آپریشنسی 0.5س بہتر داخل، اسکال 0.5س بہتر داخل;
  @starting-style {
    آپریشنسی: 0;
    اسکال: 1.1;
  }
}
#myDialog {
  ترنزیشن: آپریشنسی 0.5س بہتر داخل، اسکال 0.5س بہتر داخل;
  @starting-style {
    آپریشنسی: 0;
    اسکال: 1.1;
  }
}

آپ خود کا تجربہ کریں

CSS زبان

@starting-style {
  css بیان;
}

براوزر کا حمایتی

تبصرے میں نمبر کا استعمال، پہلا پورا @قاعدہ کا حمایتی براوزر کی نسخہ کا نمائش کرنا ہے۔