Trapeze-like shape or corners - how to make it using css or js

299
January 11, 2017, at 7:24 PM

I need to make trapeze-like shape for some elements on my site:

And let's assume this html code (you may suggest yours):

<div class="row">
    <div class="field-image"><div class="field-content"><a href="/"><img src="/files/img.jpg"></a></div></div>
    <div class="field-title"><h3 class="field-content"><a href="/">Happy new day</a></h3></div>
    <div class="field-created"><span class="field-content">06.12.2016</span></div>
</div>

Is it possible to make it using some advanced border-radius? Or any other ideas with css or javascript?

READ ALSO
Add category selection to custom post type

Add category selection to custom post type

I wanna be able to post my WooCommerce products into my "posts" categoriesBased based off this cod below, it's possible

323
Flex: horizontally goes beyond the screen

Flex: horizontally goes beyond the screen

Everything is ok, but with a smaller screen I want it to be center aligned, it gets center aligned, but there is also a space beyond the screen appears

198
What is better way to connect css

What is better way to connect css

I'm trying to optimize some featuries on my website to make performance and make site loading fasterSo the question is:

279
Sticky/fixed dropdown menu doesn&#39;t scroll with page

Sticky/fixed dropdown menu doesn't scroll with page

So i have been trying to fix this issue for some hours nowThere is a double level submenu

289