制作加载动画的常用方法是使用CSS3的动画属性。可以通过在关键帧中定义不同的CSS属性值来创建动画效果。以下是一个简单的例子：
.loader {
border: 8px solid #f3f3f3;
border-top: 8px solid #3498db;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}在上面的代码中，我们首先定义了一个 .loader 类，它有一个圆形边框和一个蓝色的顶部边框。然后，我们使用 animation 属性将 spin 动画应用到 .loader 元素上。该动画将在2秒内线性旋转360度，无限循环。
关键词解释：
animation、@keyframes、animation-duration、animation-timing-function 等。@keyframes 中定义的动画关键帧，用于指定动画在不同时间点的状态。animation-iteration-count 属性设置为 infinite，可以让动画无限循环播放。