Показать сообщение отдельно
  #1 (permalink)  
Старый 18.05.2021, 23:11
Интересующийся
Отправить личное сообщение для Angelinasen Посмотреть профиль Найти все сообщения от Angelinasen
 
Регистрация: 22.04.2021
Сообщений: 20

Добавить случайное свойство объекту
Есть 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)];

Последний раз редактировалось Angelinasen, 18.05.2021 в 23:16.
Ответить с цитированием