ናብ ቀንዲ ትሕዝቶ ዘልል ናብ docs navigation ዘልል
Check
in English

ዘይግሉጽነት

ንዘይንጹርነት ባእታታት ምቁጽጻር።

እቲ opacityንብረት ንሓደ ባእታ ደረጃ ዘይንጹርነት የቐምጥ። ደረጃ ዘይንጹርነት ነቲ ደረጃ ግሉጽነት ዝገልጽ ኮይኑ፡ ኣብኡ 1ፈጺሙ ግሉጽነት ዘይብሉ .5፡ 50% ዝረአ 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>

ዩቲሊቲስ ኤፒኣይ

ኦፓሲቲ ዩቲሊቲስ ኣብ ዩቲሊቲስና ኤፒኣይ ኣብ scss/_utilities.scss. ከመይ ጌርካ ናይ ዩቲሊቲስ ኤፒኣይ ከም እትጥቀመሉ ተማሃር።

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