PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Question By
Unsolved

Is it possible to make polygon like a wave in css

joe-joe

Apr 21st, 2019 07:08 AM

I did some polygon like a wave, the wave must be on top of the container. I have content before and after the container

I want to do that: https://ibb.co/rMg9q43

but I did: https://ibb.co/h8cBMBk

in HTML:

<div class="container-fluid green"></div>

in CSS:

.green {
height: 700px;
background: #00a985;
clip-path: polygon(
38% 0,
79% 16%,
100% 8%,
100% 100%,
68% 100%,
0 100%,
0 76%, 
0% 43%,
0 9%
);
}
andrewo0

Apr 23rd, 2019 09:26 AM

Hi @joe-joe

Why not create a wave svg? i think it is a better option.