[分享]CSS3教程视频讲解ppt

今天给大家分享一下我用过的一些CSS3教程视频讲解PPT，希望对大家有所帮助。第一个推荐是《CSS3动画》，该教程讲解了如何使用CSS3来制作动画效果，相比使用JavaScript编写动画，CSS3编...

今天给大家分享一下我用过的一些CSS3教程视频讲解PPT，希望对大家有所帮助。

第一个推荐是《CSS3动画》，该教程讲解了如何使用CSS3来制作动画效果，相比使用JavaScript编写动画，CSS3编写动画更加简单并且可以更好地减少代码的数量。以下是教程中的

keyframes 

.box {
   width: 100px;
   height: 100px;
   background: #ccc;
   animation: move 3s ease-in-out infinite alternate;
}
 
@keyframes move {
   0% {
      transform: translateX(0px);
   }
   50% {
      transform: translateX(200px);
   }
   100% {
      transform: translateX(0px);
   }
}

第二个推荐是《CSS3 2D 转换》教程，该教程讲解了如何在CSS中进行2D转换，例如移动、旋转、缩放等。以下是其中一种

transform 

.rotate {
   transform: rotate(45deg);
}

第三个推荐是《CSS3 3D 转换》，该教程进一步深入探讨了如何在CSS中实现3D转换，包括矩阵、旋转、平移、缩放等。以下是其中一种

transform3d

.rotateY {
   transform: rotateY(45deg);
}

以上是我个人使用过的一些CSS3教程视频讲解PPT，希望对您有所帮助。