取值（正負均可）
空間位移title>.box
.box:hover
style>
head>
div>
body>
html>
預設情況下，為什麼無法觀察到z軸位移效果？
屬性（新增給父級）作用
透視效果title>
body
.box
.box:hover
style>
head>
div>
body>
html>
實現方法
動畫效果：實現多個狀態間的變化過程，動畫過程可控
動畫的本質是快速切換大量時在人腦中形成的具有連續性的畫面
構成動畫的最小單元：幀或動畫幀
實現步驟：
動畫實現步驟title>
.box
/* 一. 定義動畫：從200變大到600 */
/* @keyframes change
to } */
/* 二. 定義動畫：200 到 500*300 到 800*500 */
/* 百分比指的是動畫總時長的佔比 */
@keyframes change
50%
100%
}style>
head>
div>
body>
html>
注意：精靈動畫製作步驟
定義動畫
使用動畫
精靈動畫title>
.box
@keyframes move
to }
style>
head>
div>
body>
html>
效果：小人在原地跑
多組動畫
精靈動畫title>
.box
@keyframes move */
to }
/* 定義乙個盒子移動的動畫 800px */
@keyframes run */
to }
style>
head>
div>
body>
html>
前端高階（2）
影象 1.常用的影象格式 jpeg jpg 採用有損壓縮演算法，壓縮比較大 gif 色彩有較大的失真，主要使用者線條為主的影象，動態的影象，簡單的圖用的比較多 png 採用無失真壓縮，不支援動畫 2.img標籤 必須屬性 src，常用屬性 width，height img屬性 src width h...
前端基礎高階
前端基礎高階 一 記憶體空間詳細 前端基礎高階 二 執行上下文詳細 前端基礎高階 三 變數物件詳解 前端基礎高階 四 詳細 作用域鏈與閉包 前端基礎高階 五 全方位解讀this 前端基礎高階 六 在chrome開發者工具中觀察函式呼叫棧 作用域鏈與閉包 前端基礎高階 七 函式與函式式程式設計 前端基...
前端基礎高階系列
前端基礎高階 一 記憶體空間詳細 前端基礎高階 二 執行上下文詳細 前端基礎高階 三 變數物件詳解 前端基礎高階 四 詳細 作用域鏈與閉包 前端基礎高階 五 全方位解讀this 前端基礎高階 六 在chrome開發者工具中觀察函式呼叫棧 作用域鏈與閉包 前端基礎高階 七 函式與函式式程式設計 前端基...