Я использовал 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 заранее люди.