Design requires discipline
Discipline requires intelligence
Создаем Zero Block и открываем редактор
  1. Добавляем html-элемент
  2. Задаем ему позиционирование CONTAINER: WINDOW (X: LEFT, Y: TOP)
  3. Задаем размеры ширины и высоты по 100%
  4. Копируем в него код

Ориентируясь по комментариям в коде, вы можете изменить:

  1. data-hue — Цвет сферы в формате HUE (значение от 0 до 360 меняет цвет)
  2. data-hover-intensity - Сила искажения (из круга в волны) при наведении. Оптимально от 0 до 5
  3. data-rotate-on-hover - Включаем вращение волн при наведении true/false
  4. data-force-hover-state - Включает искажение при наведении. true - сразу включит искажение. false - искажение будет только по ховеру
  5. data-size - Размер сферы
Made on
Tilda