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