css中 touch |css鼠标经过变手势

/* 下面是一些用于控制touch事件的CSS属性： */
/* touch-action属性指定一个元素的响应方式，比如是否可以滚动。 */
.touch-scroll {
touch-action: pan-y;
}
/* 控制触摸事件的几个伪类： */
/* :active：触摸元素激活时运行的样式 */
/* :hover：当用户的指针悬停在元素上时触发的样式 */
/* :focus：触摸元素获得焦点时（例如通过 Tab 键）应用的样式 */
/* :visited：触摸元素以前被访问过时的样式 */
a:active, a:hover, a:focus, a:visited {
color: green;
}
/* 以下是用于缩放的一些属性： */
/* zoom：设置缩放的级别 */
/* transform-origin：指定被放大的元素的缩放中心 */
.scale {
zoom: 2;
transform-origin: 50% 50%;
}
/* 媒体查询，如果屏幕小于600像素，则将一些touch事件禁用 */
@media screen and (max-width: 600px) {
.touch-scroll {
touch-action: none;
}
}

以上是一些用于控制touch事件的CSS属性和选择器。通过使用这些工具，可以为您的移动设备应用程序提供更好的用户体验。