:before和:after偽類。這些偽類用來在選擇元素之前和之後新增一些內容。:before和:after必須配合content來使用。這個屬性通常用來給元素新增內容諸如或者文字。當:before和:after偽類用來新增某些形狀而不是或文字時，content屬性仍然是必需的，但是它的值可以是空字串
例:.heart:before
通過rotate()實現旋轉功能
旋轉rotate()函式通過指定的角度引數使元素相對原點進行旋轉。它主要在二維空間內進行操作，設定乙個角度值，用來指定旋轉的幅度。如果這個值為正值，元素相對原點中心順時針旋轉；如果這個值為負值，元素相對原點中心逆時針旋轉。
css動畫:animation屬性以及@keyframes規則。animation屬性控制動畫的外觀，@keyframes規則控制動畫中各階段的變化。總共有 8 個animation屬性。
例如:animation-name設定動畫的名稱， 也就是要繫結的選擇器的@keyframes的名稱。
animation-duration設定動畫所花費的時間。
animation-iteration-count，這個屬性允許你控制動畫迴圈的次數。
例如:animation-iteration-count: 3;
在這裡動畫會在執行 3 次後停止，如果想讓動畫一直執行，可以把值設定成 infinite。
animation-timing-function規定動畫的速度曲線。速度曲線定義動畫從一套 css 樣式變為另一套所用的時間。如果要 描述的動畫是一輛車在指定時間內（animation-duration）從 a 運動到 b，那麼animation-timing-function表述的就是車在運動中的加速和減速等過程。
關於設定的css動畫重置:
通過把animation-fill-mode設定成forwards來實現。animation-fill-mode指定了在動畫結束時元素的樣式。你可以向這樣設定它：
animation-fill-mode: forwards;使其不重置動畫.
使用 css 動畫建立運動:當元素的position被指定，如fixed或者relative時，css 偏移屬性right、left、top和bottom可以用在動畫規則裡建立動作。
淡化元素: opacity 可以使其標記的元素產生漸隱效果
移動Web應用開發入門指南 視覺篇
智慧型移動裝置由於發展歷史短，但更新速度快，從而導致移動裝置的物理屬性差異巨大，其中一部分物理屬性影響視覺，另一部分影響到互動 相容或效能。對人類來說，至少有80 以上的外界資訊通過視覺獲得，視覺是人和動物最重要的感覺，所以，咱們從視覺開始說起。看乙個案例 訪問m.3600.com首頁，首頁焦點圖，...
應用視覺設計
text align 屬性建立視覺平衡。text align justify 可以讓除最後一行之外的文字兩端對齊，即每行的左右兩端都緊貼行的邊緣。text align center 可以讓文字居中對齊。text align right 可以讓文字右對齊。text align left 是text a...
視覺SLAM應用分析
在對視覺slam vslam 的研究和實用中發現，vslam要想滿足實用，起碼要滿足三個條件 1 魯棒性 2 實時性 3 精度 然而，到目前為止，純視覺slam目前還是處於研究階段，還沒有乙個穩定的，只依靠純視覺的slam解決方案。vslam融合imu是乙個研究比較熱門的方向，融合imu可以改善vs...