css加减法 |css传参数改变位置

css 听觉应用，css怎么布局网页，css记事本格式，table 文字上下居中 css，css3 图片旋转切换，css3的flex用法，css传参数改变位置 css加减法 |css传参数改变位置

代码示例：
/* 元素初始样式 */
.box {
width: 100px;
height: 100px;
background-color: red;
}
/* 实现元素宽度加50像素的动画效果 */
.box.add {
width: 150px;
transition: all 0.5s ease-in-out;
}
/* 实现元素高度减50像素的动画效果 */
.box.subtract{
height: 50px;
transition: all 0.5s ease-in-out;
}

以上代码中，.add和.subtract类分别实现了元素宽度和高度的加减效果，并通过CSS3的transition属性设置了变换的时间和动画效果。

使用CSS加减法可以为网站增添一些有趣的交互效果，而且不需要使用JavaScript或其他脚本语言。