Clip-path работает в css, но не работает в JS (проблема с сафари) - PullRequest
0 голосов
/ 07 января 2019

Я использовал clip-path свойство, чтобы обрезать картинку, и я сделал это:

CSS:

-webkit-clip-path: polygon(40% 100%, 100% 100%, 100%  10%); 
 clip-path: polygon(40% 100%, 100% 100%, 100%  10%);

JS:

x.style.WebkitClipPath = 'polygon(0% 100%,  0 0, 80% 0)';
x.style.clipPath = 'polygon(0% 100%,  0 0, 80% 0)';

Результат - переход и свойства CSS работают в Chrome, Firefox, Opera. Но для сафари он работает только с CSS-файлом, переход onmouseover не работает.

Я бы не спрашивал, нужно ли мне, я потратил 2-3 дня, чтобы найти решение. Tnx заранее люди.

...