How to shade a picture?

Tell me how to put a gradient on img which is in the div, this shade will need is the picture itself. Maybe there are some other ways to do this ? Prompt, who knows

4fa132e575e04d1a9bb1f28bbe94f6aa.png
July 9th 19 at 13:26
2 answers
July 9th 19 at 13:28
If in img the png lies in which the "sea" of white, and Europe - transparent, the background property of this img, you can do any dynamic miracles.
when setting the background on the img, it is imposed on the "sea" and the need to stroke just the continent or I not correctly understand? - wayne_Volkm commented on July 9th 19 at 13:31
: well, wrap the img in a span and change the background from him. - chelsea13 commented on July 9th 19 at 13:34
it turns out that such a thing prntscr.com/b52dv0 Maybe I do something wrong? - wayne_Volkm commented on July 9th 19 at 13:37
to be a blessing in disguise. However, to say that exactly the picture I can't. The direction of reflection I asked you, I deal with the rest themselves. - chelsea13 commented on July 9th 19 at 13:40
OK thanks - wayne_Volkm commented on July 9th 19 at 13:43
: no need to span. Div in which the picture is striped, the picture is white with transparency continents. - Henderson_Beat commented on July 9th 19 at 13:46
Not easier using PS to overlay the bar?:) - noel.Schmeler83 commented on July 9th 19 at 13:49
making like easier, never anything new did not learn.
All small stuff is a great place for casual Dating with new technologies. Then, tasted them it will be possible to confidently apply for something serious.
In this problem, for example, you could try SVG... - chelsea13 commented on July 9th 19 at 13:52
July 9th 19 at 13:30
With svg you can (only the original image should be with transparent areas) https://codepen.io/aarizona/pen/zqQEMo?

Find more questions by tags CSSDesignHTMLLayout