今天正好趕上用這個庫的時候,之前使用as3,後面greensock已經公升級到3.0版本,發現更加簡化使用。
進入官網可以看到裡面有一些教程使用,greensock :基本上和as3介面類似。js版本可以針對div做效果。
gasp 尺寸還可以支援單位,px 和rem轉換,效果還十分不錯。也可以不帶單位。處理
var a =(-
1290
/100)+
"rem"
; gsap.to(
'.animation',)
;
鑑於還沒來得及使用全部功能,但普通的緩衝,也可以對互動上的效果一定表現力。要用好,還是花費不少時間接觸這種效果。 H5動效的常見製作方法
動效製作手法1 gif 優勢 節省成本 製作效率高。動效製作手法2 逐幀動畫 動效製作手法3 css3 動效製作手法4 svg 缺點不支援低版本的瀏覽器ie8及以下 知識普及 svg,可縮放向量圖形 scalable vector graphics 是被存成了 xml 格式的影象,特徵 1,可被多種...
h5學習筆記 UI庫
自從接觸了web開發以來,每天都會很糾結選什麼ui框架才是比較合適?擺在這個問題面前是乙個技術的選型。要想知道,web開發的坑實在太深。不斷地大廠推出開源框架,不斷地發現很多造輪子。或者看到乙個比較漂亮就會選。而採取vue開發,發現一大堆元件,vue的元件也是很多。vue元件式開發熟悉了其實開發也是...
H5 學習筆記3
html標籤 表單 input標籤 屬性 type text文字框 password密碼框 radio單選框 checkbox多選框 button按鈕 reset重置 submit提交 select標籤 屬性 option 下來框 textarea標籤 文字域 button標籤 作用範圍比較廣 fo...