使用 CSS3 触摸事件的悬停效果 [英] Hover effects using CSS3 touch events

查看：17
本文介绍了使用 CSS3 触摸事件的悬停效果的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我使用 CSS3 悬停和过渡来显示和隐藏图像.在移动设备上，我想对触摸事件使用相同的转换.

基本上，第一次触摸将执行悬停效果或翻转，而触摸将执行滚动.

我不想使用 JavaScript 来执行此操作.如果有一种方法可以用纯 CSS3 做到这一点，那将是最好的选择.

解决方案

在你的 css 中使用 :active 伪类，然后添加 ontouchstart="" 和 onmouseover="" 到 body 标签.

以下代码摘自我的网站，其中的按钮在悬停(在 PC 上)或按住(在触摸设备上)时会变小并发出白色光