CSS动画帧关键字是CSS3提供的一种新特性，它允许在某时间段内，创建一系列的动画效果。这种特性可以使网站的交互体验更加出色，吸引用户的注意力。动画帧关键字通过变换元素属性的方式来实现动画效果，常见的属性包括位置、大小、颜色等。

@keyframes roll {
0% {transform:rotate(0deg);}
50% {transform:rotate(360deg);}
100% {transform:rotate(720deg);}
}

在上面的代码示例中，我们定义了一个名为“roll”的动画帧。在这个动画帧中，我们使用了CSS3提供的“transform”属性，将元素旋转了不同的角度。注意到这里的“%”符号是必须的，这是定义关键帧百分比的符号。这段代码定义了三个关键帧分别代表了动画开始、中间和结束的状态。

使用动画帧关键字时，除了定义关键帧以外，我们还需要将动画应用于元素，这可以通过以下的CSS代码来实现：

.element {
animation-name: roll;
animation-duration: 5s;
animation-iteration-count: infinite;
}

在上面的代码中，我们为某个元素设置了动画的名称，时长以及循环次数。animation-name属性用于指定动画的名称，animation-duration定义了动画运行的时间，animation-iteration-count属性定义了动画重复的次数。这些属性都是必须的，因为它们决定了动画的表现。

总之，CSS动画帧关键字是CSS3提供的一种有趣的新特性，它可以让网页动态、生动，增强用户的体验感，并可以帮助我们实现更多有创意的设计。无论是在哪种类型的网站中，使用动画帧关键字都可以为用户带来更好的用户体验。