How to achieve this "semi transparent" effect using CSS?


#1

I am trying to clone this website as a side project.

And I have no idea, in the form section, how to make those semi transparent bubbles in the text field.

Here is my codepen

Could someone help me?


#2

Hey there,

I set up a little pen of how I might approach this. I’m wondering if anyone can find a simpler way.

cheers


#3

Nevermind guys… I found out how to achieve that.

Add background:rgba(255,255,255,.5) and border-radius:5px to the certain div you wanna decorate.


#4

Hey thanks for the reply.

I was trying to make a certain div have a transparent effect,.
You can see my solution. I believe it is better.


#5

Hmm, but won’t that make the text transparent as well?


#6

er… no? check out my codepen.

the text was not decorated at all.


#7

Oh sweet, that works nicely