CSS3角度平移可以让元素在不改变其大小和形状的情况下，沿着指定的角度移动。这是一种非常有用的动画效果，可以让网页看起来更加动态和吸引人。

/* 让元素沿着45度角平移 */
transform: rotate(45deg) translateX(100px) translateY(100px);
/* 让元素沿着60度角平移 */
transform: rotate(60deg) translateX(100px) translateY(100px);

以上代码中，我们使用了transform属性来完成角度平移的效果。rotate()函数用来指定元素的旋转角度，而translateX()和translateY()函数则用来控制元素的移动方向和距离。

需要注意的是，rotate()函数必须写在translate()函数之前，否则元素的旋转角度会被覆盖，导致平移效果无法实现。

同时，如果希望元素沿着一条斜线移动，可以通过计算斜率和角度来得出translate()函数中X和Y的数值。例如：

/* 计算斜率和角度 */
var dx = 200; // 水平方向上的距离
var dy = 100; // 垂直方向上的距离
var angle = Math.atan2(dy, dx); // 计算角度
var distance = Math.sqrt(dx * dx + dy * dy); // 计算距离
/* 应用到元素上 */
transform: rotate(angle) translateX(distance);

以上代码中，我们使用了Math库中的atan2()函数来计算斜率和角度，并使用了sqrt()函数来计算距离。然后，我们将计算出的角度和距离应用到了transform属性中，完成了沿着斜线平移的效果。