css 鼠标触发 |css scale height

/* 当鼠标悬浮在某元素上时改变背景色 */
.element:hover {
background-color: #ccc;
}
/* 鼠标点击切换元素的类名，实现选中效果 */
.selected {
background-color: #f00;
}
.element:active {
background-color: #f00;
}
/* 鼠标移到图片上时改变图片的透明度 */
img:hover {
opacity: 0.8;
}
/* 鼠标悬浮在链接上时改变链接的下划线样式 */
a:hover {
text-decoration: underline;
}

除了上述示例，还可以使用鼠标触发来实现更复杂的效果，例如通过鼠标悬浮在某元素上来显示隐藏的子元素，或者通过鼠标拖动元素来改变元素的位置或大小等。

使用CSS的鼠标触发功能可以为网页增加更多的交互性，提升用户的体验感。但需要注意的是，过度使用这种效果可能会影响页面的性能和可访问性，因此应该根据实际情况选择合适的使用方式。