要使用 CSS 控制页面元素的不透明度，可以使用 opacity 属性。该属性接受一个 0 到 1 之间的值，0 表示完全透明，1 表示完全不透明。例如，设置一个元素的不透明度为 50%：
.element {
opacity: 0.5;
}要控制元素在空间中的位置和方向，可以使用 position 属性和 transform 属性。position 属性用于控制元素的布局方式，包括 static（默认值）、relative、absolute 和 fixed 四种值。而 transform 属性用于控制元素的变换效果，包括 translate、rotate、scale 和 skew 四种方法。例如，将一个元素向右移动 50 像素，并旋转 45 度：
.element {
position: relative;
left: 50px;
transform: rotate(45deg);
}此外，还可以使用 top、right、bottom 和 left 属性来更精确地控制元素的位置。同时，transform 属性还可以用来实现 3D 变换效果，如 rotateX、rotateY 和 rotateZ 等方法。在实际使用中，还有很多 CSS 属性可以用来控制元素的外观和行为，需要根据具体的需求进行选择和应用。