Question

0

369

Views

Css- How can I achieve double color and different direction sloped border?

I'm using clipth path but it will not work. How can I achieve this?

Code:

.footer
{
background-color: #6bbbb1;
    clip-path: polygon(100% 100%,0% 100%,0% 0%,0 calc(100% - 6vw));
}

.inner
{
background: #1e557e;
clip-path: polygon(0 85%, 100% 65%, 100% 100%, 0 100%, 0 85%);
}

<footer>
<div class="inner">
   <div>Footer</div>
   <div>Footer menu</div>
   <div>Logo</div>
</div>
</footer>

about 4 years ago · Juan Pablo Isaza

Answer question

0

369

Css- How can I achieve double color and different direction sloped border?

Find remote jobs

Andres GPT