CSS不透明度

• opacity範圍0.0~1.0，值越低，越透明
• 通常搭配使用:hover，當滑鼠懸停時，強調圖片
• 注意，選擇元素的子原素全部繼承相同的透明度

CSS圓角

• border-radius更改圓角
  • 四個值 (左上、右上、右下、左下)
  • 三個值 (左上、右上+左下、右下)
  • 兩個值 (左上+右下、右上+左下)

CSS顏色

• transparent顏色透明度0 = rgba(0,0,0,0)
• currentcolor變數，保存當前元素的顏色值，可延伸套用在子元素 (需先在元素指定一個顏色)
• inherit繼承父元素的值，適用任何CSS、HTML中
• 漸層顏色有三種類型
  • 線性漸層，至少兩個色標linear-gradient(direction, color-stop1, color-stop2, ...);
    • 預設為上到下
      • background-image: linear-gradient(red, yellow);
    • 由左至右
      • background-image: linear-gradient(red, yellow);
    • 對角線
      • background-image: linear-gradient(to bottom right, red, yellow);
    • 使用透明度
      • background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    • 重複性階梯
      • background-image: repeating-linear-gradient(red, yellow 10%, green 20%);
  • 徑向漸層，至少兩個色標background-image: radial-gradient(shape size at position, start-color, ..., last-color);