A Thing To Know about Gradients and “Transparent Black”

Say you have a gradient in CSS that goes from red to transparent. Easy, right? Like this: .element { background: linear-gradient( to bottom, red, transparent ); } There is a pretty big gotcha here, though. In Chrome (also Android), Firefox,...

We do not write or claim ownership of any of the articles featured on this website. Instead we aim to highlight them so you can read the full article at the original source. To finish reading this article, follow the continue reading link below. CONTINUE READING
Author: CSS-Tricks

CSS-Tricks, a web design community curated by Chris Coyier.


Sign up to our newsletter

Don't worry, we won't give your email to any third parties
and you can unsubscribe at any time.