ब्लैक एंड व्हाइट अपारदर्शिता कार्य - सीएसएस-ट्रिक्स

Anonim

पारदर्शी काले या सफेद रंग की आवश्यकता है। CSS में, आप यह कर सकते हैं:

.half-black ( background: rgba(0, 0, 0, 0.5); )

सास में यह आसान हो जाता है, जहाँ आप एक रंग का नाम रख सकते हैं:

.half-black ( background: rgba(black, 0.5); )

या कस्टम कार्य करके इसे अभी भी आसान बना सकते हैं:

@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )