-
CSS3的Animation有八個屬性 animation-name :動畫名 animation-duration:時間 animation-delay:延時 animation-iteration-count:次數(shù) animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態(tài) animation-timing-function:關(guān)鍵幀變化 寫法: @keyframes bird-slow{ 10%{background-position:0px 0;} 50%{background-position:-90px 0;} 100%{background-position:-273px 0;} } .birdFly { /*寫法1*/ -moz-animation: bird-slow 500ms steps(1,start) infinite; animation: bird-slow 500ms steps(1,start) infinite;查看全部
-
rem和em單位一樣,都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關(guān)系,實現(xiàn)了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px,按照轉(zhuǎn)化關(guān)系 16px = 1rem查看全部
-
CSS3的Animation有八個屬性 animation-name :動畫名 animation-duration:時間 animation-delay:延時 animation-iteration-count:次數(shù) animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態(tài) animation-timing-function:關(guān)鍵幀變化查看全部
-
rem和em單位一樣,都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關(guān)系,實現(xiàn)了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px,按照轉(zhuǎn)化關(guān)系 16px = 1rem查看全部
-
利用圣誕樹的雪碧圖實現(xiàn)一閃閃的效果查看全部
-
觀察者模式實現(xiàn)頁面切換即場景切換查看全部
-
學習一下這里的js代碼封裝查看全部
-
rem是什么? rem和em單位一樣,都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關(guān)系,實現(xiàn)了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px,按照轉(zhuǎn)化關(guān)系 16px = 1rem 自適應(yīng)處理: 使用rem布局的時候,為了兼容不同的分辨率,我們應(yīng)該要動態(tài)的修正根字體的大小,讓所有的用rem單位的子元素跟著一起縮放,從而達到自適應(yīng)的效果 總結(jié): 根據(jù)實際情況通過設(shè)計稿與當前可視區(qū)的大小做一個比例關(guān)系,通過這個比例進行縮放處理查看全部
-
思路2查看全部
-
思路查看全部
-
技術(shù)點分解1查看全部
-
技術(shù)點的介紹2查看全部
-
技術(shù)點介紹查看全部
-
CSS3的Animation有八個屬性 animation-name :動畫名 animation-duration:時間 animation-delay:延時 animation-iteration-count:次數(shù) animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態(tài) animation-timing-function:關(guān)鍵幀變化查看全部
-
20*(docEl.clientWidth/320)+'px';//設(shè)置根字體大小查看全部
舉報
0/150
提交
取消