Nana-Odai
1 month ago
132
2
General

How to create the following shape in css with clip-path or any other way

Posted 1 month ago by Nana-Odai

I am trying to achieve this shape but not being able to get the desired result. I am using it in a bootstrap carousel

link to image

https://i.stack.imgur.com/DraDX.png

Below is what i've done so far.

html code <div>hello</div>

css code

  height:300px;
  width:350px;
  background: #414141;
   clip-path: polygon(0 10%, 100% 23%, 100% 90%, 0% 100%);
 filter: drop-shadow(30px 10px 4px #2ec);
}```

Please sign in or create an account to participate in this conversation.