मैं टेक्स्ट चमक प्रभाव को छाया अस्पष्टता देने का एक तरीका ढूंढ रहा हूं:

body {
  margin: 0 ;
  padding: 0 ;
  background-color: #222 ;
  height: 100vh ;
  display: flex ;
  justify-content: center ;
  align-items: center ;
}

pre {
  font-size: 24px ;
  font-weight: 700 ;
  text-shadow: 0 0 8px currentColor ;
}
<pre><font color="#1EFF6E">H</font><font color="#1EF379">e</font><font color="#1EE785">l</font><font color="#1EDC90">l</font><font color="#1ED09C">o</font><font color="#1EC5A7"> </font><font color="#1EB9B3">W</font><font color="#1EADBF">o</font><font color="#1EA2CA">r</font><font color="#1E96D6">l</font><font color="#1E8BE1">d</font></pre>

मैं छाया की अस्पष्टता को 0.75 तक कैसे कम कर सकता हूं?

css
1
S.Goswami 8 नवम्बर 2020, 14:12

2 जवाब

सबसे बढ़िया उत्तर

इस मामले के लिए, मुझे इस मामले में विशेषता रंग निकालने के द्वारा जेएस समाधान के साथ रहना पड़ा। मैं ०.७५ या ७५% अस्पष्टता चाहता था, २५५ का ७५% १९१.२५ है जो आधार १६ में bf के बराबर है।

for(let _i of Array.from(document.getElementsByTagName('font'))) {
  _i.style.textShadow = `0 0 4px ${_i.getAttribute('color')}bf`
}
body {
  margin: 0 ;
  padding: 0 ;
  background-color: #222 ;
  height: 100vh ;
  display: flex ;
  justify-content: center ;
  align-items: center ;
}

pre {
  font-size: 24px ;
  font-weight: 700 ;
}
<pre><font color="#1EFF6E">H</font><font color="#1EF379">e</font><font color="#1EE785">l</font><font color="#1EDC90">l</font><font color="#1ED09C">o</font><font color="#1EC5A7"> </font><font color="#1EB9B3">W</font><font color="#1EADBF">o</font><font color="#1EA2CA">r</font><font color="#1E96D6">l</font><font color="#1E8BE1">d</font></pre>
1
S.Goswami 8 नवम्बर 2020, 14:53

आप इस उद्देश्य के लिए rgba का उपयोग कर सकते हैं:

rgba(0,0,0, 0.75)

या आपको जो भी रंग चाहिए।

-1
Sergey 8 नवम्बर 2020, 14:21