css trapezoid image transparent cut

[bubaterminator]

I want to make a trapezoid image with css. I’ve already found some code, but i want a code which makes the trapzeoid shape with transparent left border.

http://s28.postimg.org/ucfie0ctp/image.gif

So here you can see that, the left border of the image has been cut down. I want to do that with css. Is it possible?

[Paulie_D]

So what have you tried so far?

We’re not a ‘code it for you site’.

[bubaterminator]

http://codepen.io/anon/pen/mcEub

i used that, it worked but the :after tag is not transparent, if it is, the image wont be cut

[Paulie_D]

Any reason you can’t just edit the image rather than forcing it with fancy CSS?

[Paulie_D]

However, taking one from your question on SO.

http://codepen.io/Paulie-D/pen/bCkhH

[bubaterminator]

No, because i want a slider, so i want to slide the images, and i dont want to cut all of them. The slider is going to change the images and i want to cut the images with css coz its more confortable..

[Paulie_D]

Then you’re out of luck AFAIK.

HTML elements are rectangular…..

Also, you might have told us the whole problem rather than making us waste our time going down dead ends.

[bubaterminator]

soo sad

[bubaterminator]

I told u, that i want to cut down the left border of the image, and i tried it before but im looking for a transparent version. I think i told everything..

[Paulie_D]

Did you mention that this was for a slider?

No, you didn’t.

That limits the things we can do…..

[bubaterminator]

Ok.. im so so sorry. I wish i could give ur wasted time (10minutes) back

[Paulie_D]

Well I make it around an hour judging by the timestamps.

Anyway, my minimum charge time is an hour. :)

Peace out

[bubaterminator]

ok maan, im sorry

[Author]

Posts