css怎样实现缩放的切换 |css多少钱

css 样式居中，css 隐藏class元素，css背景覆盖的起点，手机版css样式文档，css右边的字怎么换，css中背景图声明，css多少钱 css怎样实现缩放的切换 |css多少钱

/*初始状态*/
.box{
width:100px;
height:100px;
background-color:red;
transform:scale(1);
transition:transform 0.3s ease-in-out;
}
/*缩小状态*/
.box:hover{
transform:scale(0.5);
}

以上代码中，先设置box元素的transform属性为scale(1)，这里的1是原始大小。然后，给box元素添加过渡效果transition，让缩放过程变得平滑。当box元素被鼠标悬停时，将其transform属性的值改为scale(0.5)，表示将其缩小到原来的一半。