CSS是一种常用的网页设计语言，它可以让我们很容易地控制元素的样式和位置。在本文中，我们将重点介绍如何使用CSS来让元素移动。

/* CSS */
.element{
position: absolute;
left: 0;
top: 0;
transition: transform 0.5s ease;
}
.element.active{
transform: translate(100px, 100px);
}

首先，我们需要为元素添加一个position属性，将其设置为absolute，这意味着元素将根据其最近的“定位”祖先元素的位置进行定位。接着，我们添加left和top属性，用于指定元素相对于祖先元素的水平和垂直位置。

接下来，我们将使用CSS3的transition属性来定义动画效果。我们将transform属性设为过渡属性，将持续时间设置为0.5秒，动画效果设置为ease。

最后，我们创建了一个名为.active的类，用于添加到元素上以确定它的最终位置。在这个类中，我们使用transform: translate()来指定元素应该沿水平和垂直轴移动多少距离（100px, 100px）。

当元素被赋予.active类时，CSS将自动在0.5秒内平滑地将元素移动到新的位置。这为我们带来了一个非常简单、易于使用的方法来控制元素的位置，从而改善用户体验。