click css |css 字体中间对齐

.box {
width: 200px;
height: 200px;
background-color: #F4A261;
transition: transform 0.2s ease-in-out;
}
.box:hover {
transform: scale(1.1);
cursor: pointer;
}
.box:active {
transform: scale(0.9);
}

以上代码是一个基本的Click CSS动画效果，当鼠标指针悬停在元素上时，元素会放大1.1倍。当鼠标点击该元素时，它会缩小0.9倍。

可以使用类似的代码为其他元素添加Click CSS效果，例如按钮、链接、图像等。

.button {
width: 150px;
height: 50px;
background-color: #E9C46A;
border: none;
border-radius: 5px;
transition: background-color 0.2s ease-in-out;
}
.button:hover {
background-color: #F4A261;
cursor: pointer;
}
.button:active {
background-color: #E76F51;
}

以上代码是一个简单的Click CSS效果，该按钮会在悬停和活动状态下改变背景颜色。

可以使用Click CSS效果来增强用户体验，提高网站的可用性和互动性。