-
CSS3的Animation有八個(gè)屬性 animation-name :動(dòng)畫(huà)名 animation-duration:時(shí)間 animation-delay:延時(shí) 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單位一樣,都是一個(gè)相對(duì)單位,不同的是em是相對(duì)于元素的父元素的font-size進(jìn)行計(jì)算,rem是相對(duì)于根元素html的font-size進(jìn)行計(jì)算,這樣一來(lái)rem就繞開(kāi)了復(fù)雜的層級(jí)關(guān)系,實(shí)現(xiàn)了類似于em單位的功能。默認(rèn)情況下瀏覽器給的字體大小是16px,按照轉(zhuǎn)化關(guān)系 16px = 1rem查看全部
-
CSS3的Animation有八個(gè)屬性 animation-name :動(dòng)畫(huà)名 animation-duration:時(shí)間 animation-delay:延時(shí) animation-iteration-count:次數(shù) animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態(tài) animation-timing-function:關(guān)鍵幀變化查看全部
-
rem和em單位一樣,都是一個(gè)相對(duì)單位,不同的是em是相對(duì)于元素的父元素的font-size進(jìn)行計(jì)算,rem是相對(duì)于根元素html的font-size進(jìn)行計(jì)算,這樣一來(lái)rem就繞開(kāi)了復(fù)雜的層級(jí)關(guān)系,實(shí)現(xiàn)了類似于em單位的功能。默認(rèn)情況下瀏覽器給的字體大小是16px,按照轉(zhuǎn)化關(guān)系 16px = 1rem查看全部
-
利用圣誕樹(shù)的雪碧圖實(shí)現(xiàn)一閃閃的效果查看全部
-
觀察者模式實(shí)現(xiàn)頁(yè)面切換即場(chǎng)景切換查看全部
-
學(xué)習(xí)一下這里的js代碼封裝查看全部
-
rem是什么? rem和em單位一樣,都是一個(gè)相對(duì)單位,不同的是em是相對(duì)于元素的父元素的font-size進(jìn)行計(jì)算,rem是相對(duì)于根元素html的font-size進(jìn)行計(jì)算,這樣一來(lái)rem就繞開(kāi)了復(fù)雜的層級(jí)關(guān)系,實(shí)現(xiàn)了類似于em單位的功能。默認(rèn)情況下瀏覽器給的字體大小是16px,按照轉(zhuǎn)化關(guān)系 16px = 1rem 自適應(yīng)處理: 使用rem布局的時(shí)候,為了兼容不同的分辨率,我們應(yīng)該要?jiǎng)討B(tài)的修正根字體的大小,讓所有的用rem單位的子元素跟著一起縮放,從而達(dá)到自適應(yīng)的效果 總結(jié): 根據(jù)實(shí)際情況通過(guò)設(shè)計(jì)稿與當(dāng)前可視區(qū)的大小做一個(gè)比例關(guān)系,通過(guò)這個(gè)比例進(jìn)行縮放處理查看全部
-
思路2查看全部
-
思路查看全部
-
技術(shù)點(diǎn)分解1查看全部
-
技術(shù)點(diǎn)的介紹2查看全部
-
技術(shù)點(diǎn)介紹查看全部
-
CSS3的Animation有八個(gè)屬性 animation-name :動(dòng)畫(huà)名 animation-duration:時(shí)間 animation-delay:延時(shí) 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è)置根字體大小查看全部
舉報(bào)
0/150
提交
取消