🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →


Progress value is 30%

Background Decoration v3

A collection of geometric background decorations.

View Demo


All components are based on CodyFrame.

This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.

How to

The Background Decoration v3 component is a collection of geometric background illustrations.

In the demo, we use the background utility classes to set the <section> color, and the color utility classes on the .bg-decoration-v3__svg element to set the illustration color.

To horizontally/vertically flip an illustration, apply one of the flip utility classes to the .bg-decoration-v3 element:

<figure class="bg-decoration-v3 z-index-1 flip-x" aria-hidden="true"> <!-- 👈 -->
  <svg class="bg-decoration-v3__svg" viewBox="0 0 1920 660">
    <!-- ... -->

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.