sticky 特效簡單來說就是網頁滑動的時候，可以把某個物件原本滑動但滑到某個高度後就固定在一個位置，然後再滑動到某個高度的時候，又不固定了讓他滑走。可以看像這個網站，滑動的時候左右區塊固定，但滑到底的時候，又不會固定了就往上滑走了。
然後上網找到這個網頁
https://www.hongkiat.com/blog/sticky-elements-jquery-plugins/
但他提供的特效更多種，應該說都跟滑動有關。除了滑動後「黏住（sticky）釘住（pin）」的效果，還有滑動後可以出現動畫這類的，像是 ScrollMagic，應該很多滾動動畫可能就是用這類的套件吧。
然後因為我要的效果是被黏住的元件太長的話，要先滑到底，到底才黏住。然後到母元件結束的時候就不要黏住。所以後來是選擇 HC-Sticky 看起來最符合需求，套用上也不會太困難。
Pr遮照使用特效名稱
Track Matte Key
FootageCrate：影片特效素材免費下載
https://footagecrate.com/
Time-Remapping
讓一段影片可以忽快忽慢
Simple Choker
可以把一個輪廓擴大或縮小範圍
SetMatte
可以反向選取擴大後原本的範圍
Roto Brush
把一段影片在沒有綠幕的狀況下去背
Roto Brush 使用
Saber特效
參考此文章
重點摘要
參考這篇文章
css的重點：如何把預設下拉選單樣式移除？
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
移除後，用自訂背景的方式放自己做的箭頭圖
IE要另外
::-ms-expand {
display: none;
}
被選取的狀態調整
:focus{
box-shadow: 0 0 5px 2px #467BF4;
}
參考文章：https://cythilya.github.io/2018/08/24/responsive-images/
google 的文章：https://support.google.com/webmasters/answer/114016?hl=zh-Hant
最基本的用法
<img src=”small.jpg”
srcset=”small.jpg 640w, medium.jpg 960w, large.jpg 1024w”
/>
裡面的640w，960w，1024w，就是
螢幕寬度640px時，顯示small.jpg
螢幕寬度960px時，顯示medium.jpg
螢幕寬度1024px時，顯示large.jpg
遇到的狀況：
從AE匯入AI，結果有的元件正常，有的元件看不見空空的，看不見的元件大小都顯示1×1
後來搜英文的資料看到，工作區域有多個的話就會有問題，但如果工作區域只有一個就沒事。重新將兩個工作區域拆分成兩個檔案後，就正常了。
用法
width: calc(100% – 100px);
超好用！！特別做rwd真的是神啊。