1. Добавляешь в Зеро-блок элемент (текст, шейп, картинка или кнопка). И указываешь ему тот же класс, что и в генераторе (например, magnit).
Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь класс.
2. В генераторе заполняешь следующие поля:
- «Класс элемента» – прописываешь класс, тот же, что и у элемента в Зеро-блоке, к которому будет применяться эффект магнитной кнопки (например, magnit);
- «На каком расстоянии от центра элемента магнитить(px)» – радиус в пределах которого элемент замечает курсор и магнититься к нему;
- «Увеличение элемента» – на сколько будет увеличиваться элемент во время применения эффекта;
- «Скорость эффекта»;
- «Угол вращения во время эффекта (deg)» – угол поворота элемента во время применения эффекта (может быть отрицательным)
3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;