Есть ли способ адаптировать эффект зависания этого popmotion для мобильных устройств?

Код : https://codesandbox.io/s/react-pose-hover-k7mih Демо: https://k7mih.csb.app/

фрагмент кода:

const Box = posed.div({
  hoverable: true,
  pressable: true,
  init: { filter: "grayscale(80%) blur(2px)", scale: 1 },
  hover: { filter: "grayscale(0%) blur(0px)" },
  press: {
    scale: 3
  }
});

таким образом, когда рамка наведена, она имеет эффект зависания, а при нажатии на нее - эффект нажатия, обе функции react-pose,

Он отлично работает на настольном компьютере / ноутбуке. Но когда эта страница просматривается мобильными устройствами, сохраняется только эффект нажатия, который срабатывает, когда пользователь нажимает на экран. Тем не менее, опыт, который я хотел получить для мобильных устройств, заключается в том, что, поскольку для мобильных устройств нет "зависания", я хочу, чтобы исходный эффект зависания срабатывал при первом нажатии пользователем на поле на странице, когда, если он / она снова нажмите на тот же ящик, эффект нажатия будет срабатывать.

0 ответов

Другие вопросы по тегам