要使用 CSS 控制元素的 opacity 和 visibility 属性，需要在 CSS 中选择要控制的元素并设置相应的属性值。
元素的 opacity 属性用于控制元素的不透明度，取值范围为 0 到 1，其中 0 表示完全透明，1 表示完全不透明。
要控制元素的 opacity 属性，可以使用以下 CSS 代码：
.element {
opacity: 0.5;
}在上面的代码中，.element 表示要控制的元素的 CSS 类名，opacity: 0.5 表示将该元素的不透明度设置为 0.5。
元素的 visibility 属性用于控制元素的可见性，取值为 visible 或 hidden，其中 visible 表示元素可见，hidden 表示元素隐藏。
要控制元素的 visibility 属性，可以使用以下 CSS 代码：
.element {
visibility: hidden;
}在上面的代码中，.element 表示要控制的元素的 CSS 类名，visibility: hidden 表示将该元素隐藏。
需要注意的是，使用 visibility: hidden 隐藏元素时，元素仍会占据原来的位置，只是不可见了，而使用 display: none 则会将元素从文档流中移除，不再占据位置。
如果要同时控制元素的 opacity 和 visibility 属性，可以使用以下 CSS 代码：
.element {
opacity: 0.5;
visibility: hidden;
}在上面的代码中，.element 表示要控制的元素的 CSS 类名，opacity: 0.5 表示将该元素的不透明度设置为 0.5，visibility: hidden 表示将该元素隐藏。