# CSS SECRETS 筆記 - Ch6 使用者體驗
###### tags: `CSS SECRETS` `css`
[竹白記事本](https://chupainotebook.blogspot.com/)，學習紀錄，2019/03/18。

>[CSS Secrets](https://www.oreilly.com/library/view/css-secrets/9781449372736/?utm_medium=referral&utm_campaign=publisher&utm_source=oreilly&utm_content=buybox)
[CSS 秘密花園](https://www.w3cplus.com/blog/tags/502.html)

## [目錄 CSS SECRETS 筆記](https://hackmd.io/s/HyrK1S1YN)
Ch6 使用者體驗
1. [選擇正確的游標](#6-1-選擇正確的游標)
2. 擴大點擊範圍
3. 自訂核取方塊
4. 透過變暗降低吸引力
5. 透過模糊降低吸引力
6. 捲動提示
7. 互動式圖片比較

## 6-1 選擇正確的游標
[`cursor`](https://developer.mozilla.org/zh-TW/docs/Web/CSS/cursor) 改變游標的狀態。

## 6-3 自訂核取方塊

**CodePen：**[CSS SECRETS 6-3 自訂核取方塊](https://https://codepen.io/CHUPAIWANG/pen/BbVQqg)