-
擼啊擼查看全部
-
學習??！查看全部
-
學習網頁制作！查看全部
-
學習啊，我的筆記呢？查看全部
-
移動端知識點查看全部
-
總結：呈現3d效果需要3部分 父元素或者當前運動元素上設置透視角perspective，perspective屬性的值決定了3D效果的強度 3D視圖，設置在父元素上，子元素都可以相對與父元素的平面進行3d變形操作 3D變形函數，translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
縮放2倍，即background-size: 200% 100%;達到平鋪的效果，而關鍵幀也只需要2幀切換，steps(2)，坐標從0%- 負200%切換查看全部
-
循環音樂 var audio1 = HTML5Audio(playURl) audio1.end(function() { Html5Audio(cycleURL, true) })查看全部
-
new pageA(function() { new pageB(function() { new pageC(function() { //執行下一個 }) }) }) 閱場景pageA完成事件 observer.subscribe("completeA", function() { //做一些是 }) 觸發場景pageA完成事件 new pageA(function() { observer.publish("completeA"); //觸發 })查看全部
-
讓一個元素放大2倍，注意瀏覽器兼容加前綴 -webkit-transform: scale(2); -moz-transform: scale(2); 特別注意：transform只是一個靜態屬性，它并不能讓元素進行運動變化 一般來說都會通過對元素增加樣式的方式來調用css3動畫。在css文件中定義2個樣式，effect-out與effect-in .effect-out{ animation: effectOut 8s ease-in-out forwards; } @keyframes effectOut{ 0% { opacity:1; } 100% {transform: scale(20); opacity:0; } }查看全部
-
rem和em單位一樣，都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關系，實現了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px，按照轉化關系 16px = 1rem查看全部
-
Canvas繪制的總體的步驟 創建HTML頁面，設置畫布標簽 編寫js，獲取畫布dom對象 通過Canvas標簽的Dom對象獲取上下文 設置繪制線樣式、顏色 繪制矩形，或者填充矩形查看全部
-
創建一個觀察者對象 var observer = new Observer(); 通過調用subscribe方法，實現一個事件的觀察 observer.subscribe("任務名"，處理函數) 通過publish觸發觀察事件，在任意時刻觸發了這個觀察的任務名，將會觸發這個事件訂閱subscribe方法 observer.publish("任務名") 取消事件訂閱，意味著就不會執行了 observer.unsubscribe("任務名")查看全部
-
要想實現3D的效果，只需指定一個元素為容器并設置transform-style：preserve-3d，那么它的后代元素便會有3D效果。坐標系統的 z 軸同時與 x 和 y 軸垂直 可以呈現3d的屬性有，translate3d、scale3d、rotateX、rotateY、rotateZ等等 呈現3d效果需要3部分 父元素或者當前運動元素上設置透視角perspective，perspective屬性的值決定了3D效果的強度 3D視圖，設置在父元素上，子元素都可以相對與父元素的平面進行3d變形操作 3D變形函數，translate3d、scale3d、rotateX、rotateY、rotateZ等等 寫法： transform:rotateY(70deg);查看全部
-
因此在實現上，讓元素動起來： 運動 = 關鍵幀動畫 + 坐標變化 關鍵幀動畫我們已經實現了，那坐標的變化就很簡單了，一般來說前端能用到的手段 元素.position定位，修改top,left坐標修改 通過css3的transform屬性的translate $("button").on("click",function(){ /** * 通過transition的方式改變運動 */ $(".bird").transition({ 'right': "3rem", }, 10000,'linear',function(){ alert("結束") }); })查看全部
舉報
0/150
提交
取消