LESS वेरिएबल की अल्फा अपारदर्शिता को संशोधित करें


171

LESS के उपयोग से, मुझे पता है कि मैं रंग परिवर्तन के संतृप्ति या रंग को बदल सकता हूं। यह इस तरह दिखता है:

background: lighten(@blue, 20%);

मैं अपने रंग की अल्फा अस्पष्टता को बदलना चाहता हूं, हालांकि। अधिमानतः इस तरह:

background: alpha(@blue, 20%);

क्या LESS में ऐसा करने का एक सरल तरीका है?

जवाबों:


303

साइट प्रलेखन जवाब देता है:

background: fade(@blue, 20%);

फ़ंक्शन का नाम उस दस्तावेज़ के अनुसार fadeनहीं है alpha


धन्यवाद! मैं सब कुछ RGBA में बदलने के लिए थक गया हूँ!
बिलीनयर

मैं अंधेरा और हल्का देख रहा था .. डॉक्स मुझे वहां मिला। धन्यवाद

1
मैं मानता हूं कि 'फीका' मुझे सटीक नहीं लगता। सैस इसे सही करता है: अल्फा (), अपारदर्शिता (), और आरजीबीए ()।
रिच फिनेली

2
रिकॉर्ड के लिए, fade()CSS vars के साथ काम नहीं करता है - यानीfade(var(--mycolor), 20%)
ed1nh0

26

संपूर्णता के लिए

मुरझाना

एक रंग की पूर्ण पारदर्शिता सेट करें। रंगों पर लागू किया जा सकता है कि क्या उनके पास पहले से ही एक अस्पष्टता मूल्य है या नहीं।

background: fade(@blue, 20%);

में फीका

एक रंग की पारदर्शिता (या अस्पष्टता में वृद्धि) को घटाएं, जो इसे अधिक अपारदर्शी बनाता है।

background: fadein(@blue, 80%);

फेड आउट

एक रंग की पारदर्शिता (या अस्पष्टता में कमी) को बढ़ाएं, जिससे यह कम अपारदर्शी हो। दूसरी दिशा में फीका करने के लिए फेडिन का उपयोग करें।

background: fadeout(@blue, 20%);

पूरा प्रलेखन देखें


1
फ़ेडआउट वास्तव में वही है जिसकी मुझे तलाश थी, धन्यवाद!
मैक्सिमे 1992
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.