css3斜着动

CSS3带来了许多新的动画效果，其中一个常见的就是斜着动的效果。这种效果可以让网页看起来更加动态和生动。

/* 代码示例 */
@keyframes slant {
  0% {
    transform: perspective(500px) rotateY(0deg);
  }
  100% {
    transform: perspective(500px) rotateY(-45deg);
  }
}
.slant {
  animation: slant 1s ease-in-out infinite alternate;
}

这段代码中，我们使用了@keyframes规则来定义动画效果，其中slant为自定义名称。在50%的时候，我们使用transform属性来斜着旋转元素，从而实现了斜着动的效果。

接下来，我们通过为元素添加类名.slant来应用这个动画。我们还使用了animation属性来指定动画名称、持续时间、运动曲线和动画次数。在本例中，我们使用了ease-in-out运动曲线使动画更加平滑，并且我们让动画无限循环，并且在每个循环之间反向播放。

总的来说，CSS3的斜着动效果可以为网页带来更加生动和动态的视觉效果。而通过使用@keyframes和animation属性，我们可以轻松地实现这种效果。