-
CSS3的Animation有八個屬性 animation-name :動畫名 animation-duration:時間 animation-delay:延時 animation-iteration-count:次數 animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態 animation-timing-function:關鍵幀變化查看全部
-
rem和em單位一樣,都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關系,實現了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px,按照轉化關系 16px = 1rem查看全部
-
3D旋轉木馬查看全部
-
動畫 keyframes的規則查看全部
-
呈現3d效果需要3部分 父元素或者當前運動元素上設置透視角perspective,perspective屬性的值決定了3D效果的強度 3D視圖,設置在父元素上,子元素都可以相對與父元素的平面進行3d變形操作 3D變形函數,translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
場景音樂-圣誕節查看全部
-
rem和em單位一樣,都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關系,實現了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px,按照轉化關系 16px = 1rem查看全部
-
異步編程處理deferred查看全部
-
1.bird-slow動畫的名稱聽著像自己起的; 2.count為infinite(無限次)就是動畫會一直循環了; 3.step會平分keyframe,那就是兩者要配合使用么?查看全部
-
1.dom根節點獲取dom 2.頁面大小變化的事件,dom的loaded函數,window窗口resize以及orientation(方向)變化事件查看全部
-
監聽當然窗口的變化,一旦有變化就需要重新設置根字體的值查看全部
-
贊啊查看全部
-
var doc = document; /** * 針對content中的html文本框 * 增加rem的修改 * @param {[type]} doc [description] * @param {[type]} win [description] * @return {[type]} [description] */ var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //自適應設置容器高度 var container = document.querySelector(".container") //原始比例 var proportion = 900 / 1440; container.style.height = container.clientWidth * proportion + "px"; }; window.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false);查看全部
-
var observer=new observer(); observer.subscribe('事件名',function)//addEventListener observer.publish('事件名') //dispatchEvent un.subscribe()//removeEventListener查看全部
-
CSS3的Animation有八個屬性 animation-name :動畫名 animation-duration:時間 animation-delay:延時 animation-iteration-count:次數 animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態 animation-timing-function:關鍵幀變化查看全部
舉報
0/150
提交
取消