ਮੁੱਖ ਸਮੱਗਰੀ ਤੇ ਜਾਓ ਡੌਕਸ ਨੈਵੀਗੇਸ਼ਨ 'ਤੇ ਜਾਓ
in English

ਧੁੰਦਲਾਪਨ

ਤੱਤਾਂ ਦੀ ਧੁੰਦਲਾਪਨ ਨੂੰ ਕੰਟਰੋਲ ਕਰੋ।

ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ opacityਤੱਤ ਲਈ ਧੁੰਦਲਾਪਨ ਪੱਧਰ ਸੈੱਟ ਕਰਦੀ ਹੈ। ਧੁੰਦਲਾਪਨ ਪੱਧਰ ਪਾਰਦਰਸ਼ਤਾ ਪੱਧਰ ਦਾ ਵਰਣਨ ਕਰਦਾ ਹੈ, ਜਿੱਥੇ 1ਬਿਲਕੁਲ ਪਾਰਦਰਸ਼ੀ ਨਹੀਂ ਹੈ, .550% ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਅਤੇ 0ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ ਹੈ।

ਉਪਯੋਗਤਾਵਾਂ opacityਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਤੱਤ ਦਾ ਸੈੱਟ ਕਰੋ ।.opacity-{value}

100%
75%
50%
25%
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>

ਉਪਯੋਗਤਾ API

ਧੁੰਦਲਾਪਨ ਉਪਯੋਗਤਾਵਾਂ ਨੂੰ ਸਾਡੀਆਂ ਉਪਯੋਗਤਾਵਾਂ API ਵਿੱਚ ਘੋਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ scss/_utilities.scssਯੂਟਿਲਿਟੀਜ਼ API ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਬਾਰੇ ਜਾਣੋ।

    "opacity": (
      property: opacity,
      values: (
        0: 0,
        25: .25,
        50: .5,
        75: .75,
        100: 1,
      )
    ),