移動：translate(x,y)或 translatex() translatey()
旋**rotate() 正或負
縮放：scale(x,y) 或 scalex() scaley()
傾斜：skew(x,y) 或 skewx() skewy()
translate(x,y) 2d轉換，沿x和y軸移動元素
translatex(n) 2d轉換，沿x軸移動元素
translatey(n) 2d轉換，沿y軸移動元素
設定元素順時針旋轉給定的角度，負值表示逆時針旋轉
transform:rotate(ndeg);
練習：放大 旋轉 傾斜 順時針動
3.3d
移動：translatex/y/z()、translate3d() 合寫或分開寫
旋**rotatex/y/z()、rotate3d() 分開寫
縮放：scalex/y/z()、scale3d()
1.字型圖示
2.2d translate,rotate,scale,skew
3.3d translate,rotate,scale
使用步驟：
父：舞台和視角
自己：transform:translate3d() rotatex() rotatey() rotatez() scale3d()
一.練習
二.過渡
定義：css3過渡是元素從一種樣式逐漸改變為另一種樣式的效果
語法：
transition:property duration timing-function delay;
property：屬性 all all或某個屬性
duration: 時間
timing-function：速度
linear 規定以相同速度開始至結束的過渡效果
ease 規定慢速開始，然後變快，然後慢速結束的過渡效果
ease-in 規定以慢速開始的過渡效果
ease-out 規定以慢速結束的過渡效果
ease-in-out 規定以慢速開始和結束的過度效果
delay：延遲
transtion:property duration timing-function delay;
第一步：定義
@keyframes move
25%{}
50%{}
100%{}
}
第二步：呼叫
animation:name duration timing-function delay interation-count direction;
name：定義動畫的名稱
timing-function：速度
delay：延遲
interation-count：次數 或 infinite
direction：normal
reverse
alternate
alternate-reverse
animation:move 3s linear 1s 5
谷歌或蘋果：-webkit-animation:firstin 0.4s ease 1;
火狐：-moz-animation:firstin 0.4s ease 1;
ie: -ms-animation:firstin 0.4s ease 1;
opera: -o-animation:firstin 0.4s ease 1;
其他：animation:firstin 0.4s ease 1;
處理css相容性：
1.清除預設樣式，比如*
2.css3字首
補充：標準瀏覽器: 非ie
非標準：ie
web前端月刊 10期 201902
世界是平的嗎？從不同角度看前端 在前後端分離下，前後端的唯一橋梁是介面，當一端變更後，變更同步到另一端就成了問題。從架構治理角度，文章介紹了業界探索的三種流程方案，另外介紹了研發流程下元件化實施的三種模式。node.js 中的依賴管理 npm依賴管理的dependencies devdependen...
web前端學習 11 24 25
這應該是對html的學習吧，到css部分的時候先暫停了。html的學習應該就是其標籤的認識，現在先把所有學到的標籤列出來 1.2.3.4.5.這個部分似乎還有更多可加入屬性 6.7.8.9.10.11.12.13.14.15.16.17.18.target屬性似乎在xhtml1.1中被刪除 19.2...
web前端學習 5
今天學的內容比較多，大概是簡單的原因吧.html框架，垂直框架 它不能與body標籤同時使用。問 乙個框架做導航欄，另乙個框架做內容，怎樣才能讓內容欄的內容隨導航欄的選擇而改變呢？內聯框架 iframe xthml語法規則 1 屬性名稱必須小寫 2 屬性值必須加引號。3 屬性不能簡寫 4 用id屬性...