Давайте разберём работу параметра на конкретном примере. Смотрите карточки 👉
— Добавим кнопку в Zero Block и наложим поверх неё стрелку на прозрачном фоне.
— Нажмём на верхний элемент > перейдём в настройки > Pointer Events и установим значение None.
Теперь верхний элемент стал невидимым для мыши — можно наводить и нажимать на кнопку.
Если для верхнего элемента установить Pointer Events — Auto, на кнопку невозможно будет нажать — её перекрывает верхний элемент.
Закрепим: параметр Pointer events пригодится, если необходимо разместить неактивные элементы поверх того, с чем можно взаимодействовать. Например, можно разместить поверх кнопки листания слайдов в галерее иконку, а поверх кнопки формы заявки — изображение, и они никак не помешают клику.
Поставьте 💛, если хотите узнать, как использовать параметр Pointer Events для создания анимации в Нулевом блоке. Мы расскажем об этом в отдельной публикации.
