N
N
Niko Frost2015-11-05 18:15:05
css
Niko Frost, 2015-11-05 18:15:05

How to make the background semi-transparent?

How to make the background semi-transparent?
What would be a photograph and a color or gradient was applied to it.
Actually here is the code:

background: linear-gradient(to top left, #bb4343, #efab4b);

I want a photo underneath.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
D
Denis Ineshin, 2015-11-05
@Frosty88

If you need to make the whole block transparent: opacity: 0.5
If you need to make only the color transparent, then rgba, instead of #000 -> rgba(0, 0, 0, 0.5) - the last digit is responsible for transparency:

linear-gradient(to top left, rgba(187, 67, 67, 0.5), rgba(239, 171, 75, 0.5));

U
ummahusla, 2015-11-05
@Antonoff

www.w3schools.com/css/tryit.asp?filename=trycss3_g...
stackoverflow.com/questions/2293910/css3-transpare...

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question