-3
\$\begingroup\$

I wanted to make the background of the box P a little bit transparent with such elements like rgbA, transparent, opacity, but nothing appears.

I would appreciate your feedback

HTML code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>
<body>
  <p class="box">it is the forest!</p>
</body>
</html>

CSS

body{
  background-image: url(forest.png);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

p{
box-sizing: 200px;
border-radius: 10px;
text-align: center;
font-size: 50px;
padding: 9px;
font-family:sans-serif;
color: rgb(106, 143, 117);
background-image:-webkit-linear-gradient(150deg, 
rgba(156, 190, 122, 0.10)
rgba(18, 59, 41, 0.10)
);
}
```
New contributor
верс is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
\$\endgroup\$
0

0

Browse other questions tagged or ask your own question.