Opacity函數簡介

在CSS 中除了可以使用rgba、hsla 和transform 來控制顏色透明度之外，還可以使用opacity 來控制，只不過前兩者只是針對顏色上的透明通道做處理，而後者是控制整個元素的透明度。

在Sass 中，也提供了系列透明函數，只不過這系列的透明函數主要用來處理顏色透明度：

• alpha($color) /opacity($color)：獲取顏色透明度值；
• rgba($color, $alpha)：改變顏色的透明度值；
• opacify($color, $amount) / fade-in($color, $amount)：使顏色更不透明；
• transparentize($color, $amount) / fade-out($color, $amount)：使顏色更加透明。

alpha($color) /opacity($color)
rgba($color, $alpha)
opacify($color, $amount) / fade-in($color, $amount)
transparentize($color, $amount) / fade-out($color, $amount)