CSS3中提供了許多生成透明效果的方法，其中最常用的就是opacity屬性，它可以使元素透明或半透明。這個屬性的值從0到1之間，0表示完全透明，1表示完全不透明。

div {
opacity: 0.5;
}

除了opacity屬性，還有一些屬性可以生成透明效果，比如background-color屬性中的rgba值，可以指定顏色的RGB值和透明度值，也可以使用hsla值來指定顏色和透明度，用法與rgba基本相同。

div {
background-color: rgba(255, 255, 255, 0.5);
}
div {
background-color: hsla(120, 60%, 70%, 0.5);
}

另外，還有一些屬性如box-shadow、text-shadow、border-color等，也可以使用rgba或hsla值來指定顏色和透明度，從而生成透明效果。

div {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
div {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
div {
border: 1px solid rgba(0, 0, 0, 0.5);
}

CSS3的透明效果可以方便地實現各種UI設計效果，同時也方便了前端開發人員的工作。