niftycent.com
NiftyCent
US
Login
Marketplace
Discounts

Building Flexible Components With Transparency

Good thinking from Paul Herbert on the Cloudfour blog about colorizing a component. You might look at a design comp and see a card component with a header background of #dddddd, content background of #ffffff, on an overall …

The post Building Flexible Components With Transparency appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://cloudfour.com/thinks/building-flexible-components-with-transparency/

Created 5y | Jan 12, 2021, 4:21:19 PM


Login to add comment

Other posts in this group

3D Layered Text: The Basics
3D Layered Text: The Basics

A client asked me to create a bulging text effect. With a bit of cleverness and some advanced CSS, I managed to get a result I’m genuinely proud of, which is covered in this three-part series.

Aug 18, 2025, 3:40:13 PM | CSS tricks
A Few Things About the Anchor Element’s href You Might Not Have Known
A Few Things About the Anchor Element’s href You Might Not Have Known

It's easy to take URL superpowers for granted, even if you already have these patterns under your belt.

Aug 15, 2025, 3:50:10 PM | CSS tricks
Covering hidden=until-found
Covering hidden=until-found

Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.

Aug 15, 2025, 1:30:21 PM | CSS tricks
On Accessibility Conformance, Design Systems, and CSS “Base” Units
On Accessibility Conformance, Design Systems, and CSS “Base” Units

My brain can’t help but try to make connections between seemingly disparate ideas. And that’s what happened yesterday when I read:

  • Hidde’s
Aug 14, 2025, 2:20:30 PM | CSS tricks
We Might Need Something Between Root and Relative CSS Units for “Base Elements”
We Might Need Something Between Root and Relative CSS Units for “Base Elements”

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.

Aug 13, 2025, 3:10:33 PM | CSS tricks
CSS-Questions
CSS-Questions

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.

CSS-Questions or

Aug 12, 2025, 3:50:20 PM | CSS tricks
Stuff & Nonsense Practical Layout Workshop
Stuff & Nonsense Practical Layout Workshop

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.

Aug 11, 2025, 4:40:19 PM | CSS tricks
Techie
Techie