.main-header {
height: 95;
background-image: linear-gradient( to right bottom, (10, 132, 255, 0.8), (59, 215, 75, 0.8), url(../logo/car2.jpg));
}I tried lots but it's not working I can't figure out what is the problem with it
Asked
Active
Viewed 24 times
0
Laaouatni Anas
- 4,199
- 2
- 7
- 26
Dipangkar H
- 11
-
height needs to have `px` -> 95px. need also `rgb()` not `()` – Laaouatni Anas Aug 19 '22 at 19:48
-
check well your `)`, they are not good – Temani Afif Aug 19 '22 at 19:50
-
Linear gradients don't have an image parameter. – Sean Aug 19 '22 at 19:51
-
The format for the gradient is off. The gradient should be closed before the URL is specified. The closing `)` should be before the comma before the `url` as Temani mentioned. – Kameron Aug 19 '22 at 19:59
1 Answers
0
.main-header {
height: 95px;
background-image: linear-gradient(
to right bottom,
rgb(10, 132, 255, 0.8),
rgb(59, 215, 75, 0.8)
),
url("https://picsum.photos/300");
}<header class="main-header">
hello
</header>
Laaouatni Anas
- 4,199
- 2
- 7
- 26