14
Views
4
Comments
Solved
background color

How do I achieve following background color in picture below

image20210107T172227845Z.png

Rank: #184
Solution

Hi Nimo, you can use clip-path, I tried to draw your case but isnt 100% but you can copy the clip-path from where you take your printscreen

clip-path: polygon(86% 67%, 72% 69%, 53% 70%, 23% 71%, 11% 76%, 0% 82%, 0% 100%, 22% 100%, 42% 100%, 62% 100%, 100% 100%, 100% 74%, 100% 55%, 96% 61%);

Use this site to draw what you need and copy it: https://www.uplabs.com/posts/clip-path-generator 

If you need some idea of how to use, check this link: https://css-tricks.com/almanac/properties/c/clip-path/ 

Hope I could help you

Cheers,

Carlos Lessa

Rank: #1238

Learned something new today, thanks! :)

Rank: #184
Rank: #1238

Hi Nimo,

What you're trying to achieve looks more like a background image, rather than a background color. Try adding the following CSS to (for example) the container element you're using:

background-image: url("img/background_image.gif") 

Where "img/background_image.gif" is the runtime path of the resource image that you want to use as background:


Rank: #184
Solution

Hi Nimo, you can use clip-path, I tried to draw your case but isnt 100% but you can copy the clip-path from where you take your printscreen

clip-path: polygon(86% 67%, 72% 69%, 53% 70%, 23% 71%, 11% 76%, 0% 82%, 0% 100%, 22% 100%, 42% 100%, 62% 100%, 100% 100%, 100% 74%, 100% 55%, 96% 61%);

Use this site to draw what you need and copy it: https://www.uplabs.com/posts/clip-path-generator 

If you need some idea of how to use, check this link: https://css-tricks.com/almanac/properties/c/clip-path/ 

Hope I could help you

Cheers,

Carlos Lessa

Rank: #1238

Learned something new today, thanks! :)

Rank: #184