/PHP/How to add linear gradient to an image

How to add linear gradient to an image

Linear gradient css background image

background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);

Background with image and gradient

body {
  background: #eb01a5;
  background-image: url("IMAGE_URL"); /* fallback */
  background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}

Source: stackoverflow.com

Background image with gradient css

.background_img {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url(../Image/bg.jpg);
    /* background-image: url(../Image/bg.jpg); */
    width: 100%;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

How to add linear gradient to an image

add linear gradient to an image

-1

Similar codes

3 votes149 views2 answers
2 decimal round using php
PHP
14 votes168 views2 answers
Ucfirst
PHP
8 votes182 views2 answers
Laravel passport
PHP Laravel
0 vote134 views1 answer
Php integer to js integer
PHP
0 vote158 views1 answer
Get product price by id woocommerce snippet
PHP
0 vote282 views1 answer
Php artisan migrate SQLSTATE[42S01]: Base table or view already exists: 1050 Table 'password_resets' already exists
PHP
7 votes224 views2 answers
Laravel mail send to multiple recipients
PHP Laravel
3 votes253 views3 answers
Laravel collection combine
PHP
6 votes174 views1 answer
Laravel bootstrap ui
PHP Laravel
3 votes158 views5 answers
Laravel request has
PHP