傾斜：
transform：skew（水平傾斜）；
transform：skew（水平,垂直）；
transform：skewx（）；
transform：skewy（）；
:target 選擇器可用於選取當前活動的目標元素。
css樣式 圓角
border-radius：；
元素是正方形 寬度的一半px 50%正圓
元素是長方形 較小值的一半px 半圓
50% 橢圓
觀察物體的的時候 遠大近小
給父元素新增：
transform-style preserve-3d 形成3d空間
perspective：800px 形成遠大近小的效果
設定觀察點：
perspective-origin：；
left right
top bottom
pxbackground:rgba(225,225,225,透明度)
a 透明度 取值範圍 0-1 背景顏色透明
backface-visibility：
hidden 不可見
visible 可見
animation 動畫 不需要時間觸發，使用關鍵幀就可以執行
1：定義動畫
2：呼叫動畫
定義關鍵幀 @keyframe name（名字）{}
from{}起始位置
to{} 終點位置
0%{}起始位置
25%{}過程1
...{}過程n
100%{}終點位置
animation-name：；關鍵幀名字 動畫名
animation-duration 關鍵幀時長 總運動時間
animation-delay 關鍵幀延長時間
animation-iteration-count：2； 運動執行次數，
數字幾次，就執行幾次
預設情況執行一次
infinite 無限迴圈
animation-direction：運動方向
reserve 反向
alternate 單數次 順時針，偶數次 逆時針
alternate-reserve 單數次 逆時針，偶數次 順時針
animation-timing-function：運動型別
animation-play-state
paused暫停動畫
animation復合寫法
animation 名字 運動時間 延遲時間 速度 運動次數；
注意：書寫順序，延遲時間必須在運動時間之後
css 3d 動畫 相關
transform style preserve 3d 設定3d模式perspective 700px 屬性定義 3d 元素距檢視的距離，以畫素計。該屬性允許您改變 3d 元素檢視 3d 元素的檢視。當為元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元素本身perspect...
CSS 3D動畫筆記
3d 在2d的基礎上新增 z 軸的變化 3d 位移 在2d的基礎上新增 translatez 或者使用translate3d translatez 以方框中心為原點，變大 3d 縮放 在2d的基礎上新增 scalez 或者使用scale3d scalez 和 scale3d 函式單獨使用時沒有任何效...
多層巢狀的CSS 3D動畫技術詳解
ie9及其以下版本完全不支援css 3d transforms技術，opera 12也不支援。具體支援資訊請檢視caniuse.com。css動畫是當前一種非常火爆的技術，我說的並不是一些簡單的顏色變換或長短屬性變換，我說的是3d變換技術 純css實現的翻滾旋轉立方體就是最典型的例子。網上能找到很多...