css切换手势 |css 透明 不透明

/* 定义默认状态下的手势 */
button {
cursor: default;
}
/* 定义按钮在悬停时的手势 */
button:hover {
cursor: pointer;
}
/* 定义按钮在选中时的手势 */
button:active {
cursor: grabbing;
}

通过上面的示例代码可以看出，CSS切换手势可以通过:hover和:active两个伪类来实现。在定义样式时，首先指定默认情况下的手势，然后在悬停和选中时分别进行修改，从而实现不同状态下手势的变化。

对于需要自定义手势的情况，CSS提供了cursor属性来满足要求。通过在样式中指定不同的游标形状，可以实现自定义手势的效果，例如：

/* 定义自定义手势 */
button {
cursor: url('my-cursor.png'), auto;
}

在上面的代码中，cursor属性指定了一个自定义手势，通过url()函数指定了游标的图片地址，auto表示游标形状为默认形状。

总之，CSS切换手势是一种非常实用的技术，可以通过简单的代码实现多种状态下手势的变化，以提高用户体验。