Есть 9 картинок на странице, им нужно применить css свойство clip-path случайным образом. Правильно ли я мыслю, что исправить?
let cropImage = [
'polygon(0 0, 100% 0%, 97% 100%, 0% 100%)',
'polygon(0 0, 100% 0%, 100% 100%, 0 94%)',
'polygon(0 0, 100% 0%, 100% 94%, 0 100%)',
'polygon(0 0, 94% 0, 100% 100%, 0 100%)',
'polygon(0 0, 100% 3%, 100% 100%, 0 100%)',
'polygon(1% 6%, 100% 0, 100% 100%, 0 100%)',
'polygon(5% 0, 100% 0, 100% 100%, 0 100%)',
'polygon(0 0, 100% 0, 100% 100%, 4% 100%)',
'polygon(0 0, 94% 0, 100% 100%, 0 100%)',
];
let images = document.querySelectorAll('img');
document.addEventListener("DOMContentLoaded", function () {
if (images.length > 0) {
for (let index = 0; index < images.length; index++) {
images[index].style.clipPath = Math.floor(Math.random() * cropImage.length);
}
}
});
UPD: Решила сама))
images[index].style.clipPath = cropImage[Math.floor(Math.random() * cropImage.length)];