Ачыклык

Элементларның караңгылыгын контрольдә тоту.

Мөлкәт 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,
      )
    ),