filters.revealTrans.Transition浣跨敤鏂规硶灏忕粨锛?/p>

1. 鍒涘缓Transition瀵硅薄锛氫娇鐢?code>var transition = new filters.revealTrans.Transition(element)锛屽叾涓璭lement鏄搴旂敤杩囨浮鏁堟灉鐨勫厓绱犮€?/p>

2. 璁剧疆杩囨浮鏁堟灉鐨勫睘鎬э細浣跨敤transition.type = type锛屽叾涓璽ype鏄繃娓℃晥鏋滅殑绫诲瀷锛屽彲浠ユ槸浠ヤ笅涔嬩竴锛?/p>

• 鈥渇ade鈥濓細娣″叆娣″嚭鏁堟灉

• 鈥渨ipe鈥濓細妯悜鎿﹂櫎鏁堟灉

• 鈥渞eveal鈥濓細绾靛悜鎻ず鏁堟灉

• 鈥減ixelate鈥濓細鍍忕礌鍖栨晥鏋?/p>

3. 璁剧疆杩囨浮鏁堟灉鐨勬寔缁椂闂达細浣跨敤transition.duration = duration锛屽叾涓璬uration鏄繃娓℃晥鏋滅殑鎸佺画鏃堕棿锛屽崟浣嶄负姣銆?/p>

4. 鍚敤杩囨浮鏁堟灉锛氫娇鐢?code>transition.apply()锛岃繖灏嗗簲鐢ㄨ繃娓℃晥鏋滃埌鍏冪礌涓娿€?/p>

绀轰緥浠ｇ爜锛?/p>

var element = document.getElementById("myElement");
var transition = new filters.revealTrans.Transition(element);
transition.type = "fade";
transition.duration = 1000;
transition.apply();

杩欏皢鍦ㄦ寔缁椂闂翠负1绉掔殑鎯呭喌涓嬶紝灏嗗厓绱犱互娣″叆娣″嚭鐨勬晥鏋滄樉绀哄嚭鏉ャ€?/p>