您的文档给了关于CSS3中的transition属性和transform属性的详细说明白和示例。

• transition属性它是一个简写属性，用于设置元素的过渡效果。它Neng控制过渡的属性、过渡的时候、过渡的延迟时候和过渡的变来变去曲线。
• transform属性用于对元素进行变形，包括平移、旋转、缩放等。它是实现2D和3D动画的关键。

transition属性的说说

• transition: property duration timing-function delay;
  • property指定要过渡的CSS属性。
  • duration指定过渡效果完成所需的时候。
  • timing-function指定过渡的速度曲线。
  • delay指定过渡效果的延迟时候。

transform的属性

• translate在二维地方内移动元素。
• rotate围绕一个中心点旋转元素。
• scale缩放元素。
• skew沿X轴或Y轴倾斜元素。
• matrix用矩阵变换元素。

示例

css .card { width: 200px; height: 200px; perspective: 1000px; }

.card-inner { position: relative; width: 100%; height: 100%; transition: transform 1s; transform-style: preserve-3d; }

.card-front, .card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }

.card-front { background-color: red; }

.card-back { background-color: blue; transform: rotateY; }

.card:hover .card-inner { transform: rotateY; }

在这玩意儿示例中， .card 类定义了一个卡片样式，当鼠标悬停在卡片上时卡片会通过transition和transform属性进行3D翻转。

注意事项

• 并非全部CSS属性dou支持transition。
• 用transition时得为需要过渡的属性指定一个明确的起始和收尾状态。

通过上述内容， 开发者Nenggeng优良地搞懂和用CSS3中的transition和transform属性，以实现丰有钱的视觉效果和用户交互体验。