-
不太懂查看全部
-
這是啥查看全部
-
技術點分解查看全部
-
新增內容查看全部
-
主要采用查看全部
-
動畫原理： 假如，現在有一組由三張圖合成的雪碧圖，每張圖大小是91*71 如果實現3張圖幀動畫效果，代碼如下 animation:bird-slow 400ms steps(3) infinite; @keyframes bird-slow { 0% {background-position-x: -0px} 100% {background-position-x: -273px} } 通過定義一個類，類中定義的動畫的一些關鍵數據，比如動畫名，時間，次數，切換的位置 通過keyframes定義動畫具體執行參數與時間段 steps(3)的意思就是：keyframes設置的0%-100%的段中，background-position的的x坐標會變化3次 steps會平分這些段落值，其變化值就是 background-position-x: -0px background-position-x: -91px background-position-x: -182px查看全部
-
CSS3的Animation有八個屬性 animation-name ：動畫名 animation-duration：時間 animation-delay：延時 animation-iteration-count：次數 animation-direction：方向 animation-play-state：控制 animation-fill-mode：狀態 animation-timing-function：關鍵幀變化查看全部
-
.page{ width: 5rem; height: 10rem; background: yellow; font-size: 0.3rem; } <body> <section> <div class="page">rem跟著html:font-size變化</div> </section> </body> <script type="text/javascript"> var docEl = document.documentElement, //當設備的方向變化（設備橫向持或縱向持）此事件被觸發。綁定此事件時， //注意現在當瀏覽器不支持orientationChange事件的時候我們綁定了resize 事件。 //總來的來就是監聽當然窗口的變化，一旦有變化就需要重新設置根字體的值 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //設置根字體大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; }; //綁定瀏覽器縮放與加載時間 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); </script>查看全部
-
看著好難查看全部
-
好查看全部
-
瀏覽器兼容問題：-wobkit：谷歌；-moz：火狐； 如果3*3矩陣的圖片，只想顯示一張的話，需要把backtround-size:300%，300%； 想取其他圖片的話就通過百分比取圖； 火狐不支持background-size-x這個屬性；所以直接用background-size會比較好；查看全部
-
1：animation-name:動畫名 2：animation-duration：時間 3：animation-delay:延時 4：animation-iteration-count：次數 5：animation-direction：方向 6：animation-play-state:控制 7：animation-fill-mode:狀態 8：animation-timing-function：關鍵幀變化 w3c上面有介紹 1——7； 第八個屬性：控制時間，用steps()函數 處理圖片的話。類似setTimeout的處理感覺查看全部
-
元素動起來： 運動 = 關鍵幀動畫 + 坐標變化 坐標變化： 元素.position定位，修改top,left坐標修改 通過css3的transform屬性的translate 插件：jquery.transit查看全部
-
Animation有八個屬性 animation-name ：動畫名 animation-duration：時間 animation-delay：延時 animation-iteration-count：次數 animation-direction：方向 animation-play-state：控制 animation-fill-mode：狀態 animation-timing-function：關鍵幀變化查看全部
-
為了改成異步編程的流程問題， jQuery 也引入了 Promise 的概念。 Promise 是一種令代碼異步行為更加優雅的抽象，有了它，我們就可以像寫同步代碼一樣去寫異步代碼。這個東東看起來很復雜，實際上我們只要抓住核心的使用就可以查看全部
舉報
0/150
提交
取消