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