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>
ಉಪಯುಕ್ತತೆಗಳ API
ಅಪಾರದರ್ಶಕತೆಯ ಉಪಯುಕ್ತತೆಗಳನ್ನು ನಮ್ಮ ಉಪಯುಕ್ತತೆಗಳ API ನಲ್ಲಿ ಘೋಷಿಸಲಾಗಿದೆ scss/_utilities.scss
. ಉಪಯುಕ್ತತೆಗಳ API ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿಯಿರಿ.
"opacity": (
property: opacity,
values: (
0: 0,
25: .25,
50: .5,
75: .75,
100: 1,
)
),