Skip to content

DEV Community

Alex Carpenter

Posted on Feb 6, 2020 • Originally published at alexcarpenter.me

Using a pseudo element to mimic a rgba value

#css

How I used a pseudo element to mimic a rgba value for the pill component I use on my website.

You can view the CSS code for my website here.

Top comments (0)

Subscribe

Read next

CSS Grid vs Flexbox: A Detailed Guide to Responsive Design

Ahmet Erkan Paşahan - Sep 19

How to create a simple shopping cart in HTML5, CSS3, and JS with Payment integration

Pillagerplayz 💻🌐 - Sep 18

How to build a countdown timer using CSS

Megan Lee - Aug 28

Mastering Deep Selectors (>>>) and :deep() in Vue: Styling Child Components from Parent! 🚀

Dharmendra Kumar - Sep 18

I am a self taught developer that works best when floating in between design and engineering teams. I enjoy sharing what I know via short instructional screencasts and the occasional written post.

Location

Grand Rapids, MI
Work

UI Engineer
Joined

Dec 13, 2017

How to add gradient overlays to images with CSS

How to use the object-fit CSS property to scale images responsively

How to create skewed backgrounds with CSS