title: How to define Opacity by percentage in CSS?
body: <p>Is it possible to define opacity in CSS by percentage (eg 30%) in CSS? does not seem to be working, right now I can only conduct it by decimal point.</p>
  
  <p><a href="https://css-tricks.com/almanac/properties/o/opacity/" rel="noreferrer">https://css-tricks.com/almanac/properties/o/opacity/</a></p>
  
  <pre><code>.test{
     opacity: 0.3;
  }
  </code></pre>
  
  <p><strong>Intended Goal:</strong></p>
  
  <pre><code>.test{
     opacity: 30%;
  }
  </code></pre>