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