svg線條動態描繪效果
https://wcc723.github.io/svg/2014/06/15/svg-css-stroke-animation/
css動畫(圖片簡單的移動)
https://developer.mozilla.org/zh-TW/docs/Web/CSS/CSS_Animations/Using_CSS_animations
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真的是神啊。
還沒有測試但是先留資料
https://blog.csdn.net/qq_2842405070/article/details/70238829
要隱藏滾動條主要是針對ie…因為內捲軸的滾動條如果不隱藏,版面上就要留一個捲軸寬度,會搞的很麻煩….
等其他瀏覽器都處理完再來測試