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,
)
),