Навигация
Получить консультацию менеджера
Нажимая на кнопку "Перезвонить мне" Вы соглашаетесь с политикой конфиденциальности
Социальные сети
Иконка ВК
Иконка Instagram
Иконка Телеграмм
Иконка Яндекс.Дзен
Свободное перемещение в Zero блоке

Обратите внимание. Техническая поддержка Tilda Publishing не осуществляет поддержку связанную с работой кода.

Данная модификация приукрасит любой Ваш проект, добавив интерактивности в блоки
Отличный вариант, чтобы добавить динамики в проект и не сильно нагрузить ПК посетителей сайта.
Отличная возможность добавить изюминку в Ваш проект.
Данная модификация работает как на десктоп устройствах, так и на мобильных устройствах, что позволит создать по истине уникальный дизайн.
Как это выглядит?
Вы близко
Почти нашли
Он где-то тут
FIRSTD10
Где-то рядом
Просто возьмите любой квадрат и переместите в любое место в этом блоке. Под ними Вас ждет промокод на 10% скидку.
Он точно есть
Как это добавить?
Первый шаг
Создаем Zero блок. В него добавляем контент (текст, формы и прочее). Создаем элемент shape и задаем ему CSS class - drag
Второй шаг
Ниже создаем блок T123 и помещаем код, который расположен ниже

<!--Взято с сайта https://digistudio.su/svobodnoe-peremeshchenie-v-zero-blokes-->


<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>


<script>
$(document).ready(function() {
  let zIndex = 10;
  $('.drag').draggable({
     cursor: "grabbing",    //Тип курсора при перемещении элемента
    start: function() { $(this).css("z-index", zIndex++); }
  });
});
</script>

<style>
.ui-draggable-dragging {
   /* Класс, добавляемый при перемещении элемента */
   transform: scale(0.9);
}
</style>
Как Вам модификация?
Made on
Tilda