Can we change the height and width of both sides differently

Question

eg. If I have a div Element I want the one side to have a size of 50px and the other side a size of 10px.

b
____________
a |. |
|___________| c
d

I want to change the size of a and c differently .

So that a prism or triangle kind of shape appears ..
How???

Answer 1

Well I can't help you in this, but I recommend you to use SVG to draw. It would be easier

Answer 2

@YafiWebDev That's not what I asked , I edited my question I think now its is more clear what I asked

Answer 3

If it isn't there I think it should be added in next version of CSS , it will open a lot of possibilities for designing .

Answer 4

I don't like working with SVG but I guess I have to ..

Answer 5

You can't give width to sides, the width is the horizontal distance between the sides.

Answer 6

I don't believe you could do that without SVG or canvas.

Answer 7

me neither, haha

Answer 8

You can do this by using skew property in CSS.