Clippath не отвечает в приложении Google Chrome - PullRequest
Новая
       13

Clippath не отвечает в приложении Google Chrome

1 голос
/ 04 мая 2019

Я в настоящее время кодирую одну страницу (с fullpage.js) и хочу использовать clippaths для соответствия дизайну .

В любом браузере (даже Chrome на ПК) клиппаты работают просто отлично. Но если я попробую его на смартфонах моих друзей с помощью приложения Google Chrome (S8 +, S9 +, Huawei Mate 20 Lite, OnePlus 5+), траектории не будут работать должным образом (ссылки на рисунки ниже).

Я написал следующий код: 

.triangle-bottom__orange {
  position: relative;
  margin-top: 0;
  background-color: #f0932b;
  height: 20vh;
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
<div class="page2 section">
  <div class="triangle-bottom__orange"></div>
</div>

Live-Demo

Большое спасибо за любую помощь.

...