<p dir="auto">React version:<br>
17.0.2, previous versions too</p>
<h2 dir="auto">Steps To Reproduce</h2>
<ol dir="auto">
<li>Set an elements opacity to a value like 50%</li>
<li>Deploy to production and it's changed to 1%</li>
</ol>
<h2 dir="auto">The current behaviour</h2>
<p dir="auto">The opacity of an element gets set to 1% in production if the value in its CSS rulesets is in percentage, Like 70%</p>
<h2 dir="auto">The expected behaviour</h2>
<p dir="auto">The opacity value should be 70% (for example)</p>
<p dir="auto">Way to bypass this is to use decimals while setting opacity in CSS.</p>
<p dir="auto">Like opacity: 0.7;<br>
Instead of opacity: 70%;</p>
<p dir="auto">React version: 16.13.1</p>
<h2 dir="auto">Steps To Reproduce</h2>
<ol dir="auto">
<li>Set a css property <code class="notranslate">background-image: url(...)</code></li>
<li>Deploy the project (BUG ONLY VISIBLE ON PRODUCTION BUILD)</li>
</ol>
<p dir="auto">Link to code example: <a href="https://github.com/Jackmt9/portfolio_site/tree/9f6b1f53f33f22386cf473bdc956774027059035">https://github.com/Jackmt9/portfolio_site/tree/9f6b1f53f33f22386cf473bdc956774027059035</a><br>
(See about and home page - there should be an image there.)</p>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">Opacity of the image reduces to 1%</p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">Opacity should be as defined, not 1%</p>
<p dir="auto">##Workaround<br>
Set the opacity value as a decimal instead of a percentage (90% =&gt; 0.9)</p>