CSS过渡效果可以通过使用transition属性来实现。transition属性是一个简写属性，用于在一个属性改变中设置四个过渡效果：
transition-property: 规定应用过渡的 CSS 属性的名称。
transition-duration: 定义过渡效果花费的时间。默认是 0。
transition-timing-function: 规定过渡效果的时间曲线。默认是 “ease”。
transition-delay: 规定过渡效果何时开始。默认是 0。
以下是一个简单的例子，假设我们有一个方块，我们想要在其背景颜色改变时有一个过渡效果：
.box {
width: 100px;
height: 100px;
background-color: red;
transition: background-color 2s ease-in-out;
}
.box:hover {
background-color: blue;
}
在这个例子中，.box元素有一个红色的背景。当你把鼠标悬停在这个元素上时，它的背景颜色会变为蓝色。由于我们为.box设置了transition: background-color 2s ease-in-out;，所以当背景颜色改变时，会有一个持续2秒的过渡效果，效果的时间曲线是”ease-in-out”（先慢后快再慢）。
你可以根据需要调整transition属性的值，以实现不同的过渡效果。