Slanted row edges

mars 2020 (last edited mars 2020)

Slanted row edges

Slanted row edges with CSS clip-path

CSS

.av-slanted-top-row .fl-row-content-wrap {
    clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 100%);
}
.av-slanted-bottom-row .fl-row-content-wrap {
    clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -176px;
}
@media (max-width: 768px) {
    .av-slanted-bottom-row.fl-row[data-node] .fl-row-content-wrap {
        margin-top: -126px;
    }
}

La cible

Produit 5

Par Avanti | 10 mai 2018

Coccinelle mexicaine

Produit 4

Par Avanti | 10 mai 2018

La corde

Produit 3

Par Avanti | 7 mai 2018

Couvée d'hirondelles

Produit 2

Par Avanti | 7 mai 2018

Libellule camouflage

Protégé : Produit 1

Par Avanti | 7 mai 2018

Slanted row edges with PowerPack separators

This is a PowerPack Posts Carousel with slanted row edges.

ACTUALITÉS EN RELATION :

WP Gridbuilder Facets for BB Posts module (WPGB add-on)

WP Gridbuilder Facets for BB Posts module (custom)

Format numbers

Custom columns

Custom Tabs module

Slanted row edges

Open posts grid featured images in lightbox

Animated letters with anim.js

QA Accordion Grid

Clickable row with JS

Reveal elements on scroll with Waypoints

Panorama with Paver

CSS animation

CSS visual effects

Categories grid with Custom Content Shortcode

Beaver Builder custom module: Photo Swap

Bootstrap plugins

WooCommerce

Menu modules

Highlight menu items on a One Page

Beaver Builder: hide row if empty field connection

Ajax Search in modal box