<img style="display: none" src="https://nerdy.dev/media/reduced-transparency.jpg" alt="An image with a caption is showed in two styles, one with a semi-transparent overlay of the caption and one with the caption underneath the image with no transparency used at all." height="1112" width="2910" />
 It's not a challenge to design for <a href="https://developer.chrome.com/blog/css-prefers-reduced-transparency">reduced transparency</a>, it's an opportunity.
<ul>
<li><a href="https://codepen.io/argyleink/full/YzBKBaR">A card with a caption</a></li>
<li><a href="https://codepen.io/argyleink/full/qBmJyvv">Adaptive frosted glass</a></li>
</ul>

It's not a challenge to design for reduced transparency, it's an opportunity. A card with a caption Adaptive frosted glass

It's not a challenge to design for <a href="https://developer.chrome.com/blog/css-prefers-reduced-transparency" rel="noopener noreferrer">reduced transparency</a>, it's an opportunity.
<ul>
<li><a href="https://codepen.io/argyleink/full/YzBKBaR" rel="noopener noreferrer">A card with a caption</a></li>
<li><a href="https://codepen.io/argyleink/full/qBmJyvv" rel="noopener noreferrer">Adaptive frosted glass</a></li>
</ul>

Prefers Reduced Transparency

RSS Feed for Adam Argyle: Web design & development tips & tricks: CSS, JS, HTML, Design, & UX.

RSS Feed for Adam Argyle: Web design &amp; development tips &amp; tricks: CSS, JS, HTML, Design, &amp; UX.

Share Prefers Reduced Transparency

Sign up to save your podcasts

Prefers Reduced Transparency

Prefers Reduced Transparency