將模糊或顏色偏移等圖形效果應用於元素.
filter: 函式();blur(): 模糊處理, 數值越大越模糊.
calc(): 在宣告css屬性值時執行一些計算.
括號裡面可以使用 + - * / 來進行計算.
我們可以在不使用flash動畫或js的情況下,當元素從一種樣式變換為另一種樣式時為元素新增效果.
過渡動畫: 是從乙個狀態漸漸過渡到另乙個狀態.
經常和hover一起搭配使用.
transition: 要過渡的屬性 花費時間 運動曲線 何時開始;屬性: 想要變化的css屬性, 寬高 / 背景顏色 / 內外邊距都可以. 如果想要所有的屬性都變化過渡, 寫乙個all就可以.
運動曲線: 預設是ease(可以省略).
何時開始: 單位是秒(必須寫單位), 可以設定延遲觸發時間, 預設是0s(可以省略).
轉換可以實現元素的位移 / 旋轉 / 縮放等效果
2d轉換是改變標籤在二維平面上的位置和形狀的一種技術.
2d移動是2d轉換裡面的一種功能, 可以改變元素在頁面中的位置, 類似定位.
語法:
transform: translate(x,y);或者分開寫讓乙個盒子水平垂直居中:transform: translatex(n);
transform: translatey(n);
div
語法:
transform: rotate(度數);三角下拉鍵:
div::after
語法:
transform-origin: x y;可以控制盒子的放大縮小.
語法:
transform: scale(x,y);同時使用多個轉換, 其格式為: transform: translate() rotate() scale()…;等.
其順序會影響轉換的效果.(先旋轉會改變座標軸方向)
當我們同時有位移和其他屬性時, 記得要將位移放到最前.
可以通過設定多個節點來精確控制乙個或一組動畫, 常用來實現複雜的動畫效果.
製作動畫:
先定義動畫
用keyframes定義動畫(類似定義類選擇器)
@keyframes 動畫名稱
100%
}
可以做多個狀態的變化動畫序列:裡面的百分比要是整數
裡面的百分比就是總的時間的劃分
在使用(呼叫)動畫
div
描述@keyframes
規定動畫
animation
所有動畫屬性的簡寫屬性, 除了animation-play-state屬性.
animation-name
規定@keyframes動畫的名稱.(必須有)
animation-duration
規定動畫完成乙個週期所花費的秒或毫秒, 預設是0.(必須有)
animation-timing-function
規定動畫的速度曲線, 預設是"ease".
animation-delay
規定動畫何時開始, 預設是0.
animation-iteration-count
animation-direction
animation-play-state
規定動畫是否正在執行或暫停. 預設是"running", 還有"pause".
animation-fill-mode
規定動畫結束後的狀態, 保持forwards回到起始backwards
速度曲線:值描述
linear
動畫從頭到尾的速度是相同的. 勻速.
ease
預設. 動畫以低速開始, 然後加快, 在結束前變慢.
ease-in
動畫以低速開始.
ease-out
動畫以低速結束.
ease-in-out
動畫以低速開始和結束.
steps()
制定了時間函式中的間隔數量(步長)
x軸右為正, y軸下為正, z軸外為正.
在2d移動的基礎上多加了乙個可以移動的方向, 就是z軸方向.
transform: translatez(100px); (一般用px單位)transform: translate3d(x,y,z);
xyz不能省略, 沒有就寫0.在2d平面產生近大遠小視覺立體, 但是只是效果二維的.
透視要寫到被觀察元素的父盒子上面
perspective: 100px;3d旋轉指可以讓元素在三維平面內沿著x軸, y軸, z軸或者自定義軸進行旋轉.
語法:
transform: rotatex(45deg);左手準則:transform: rotatey(45deg);
transform: rotatez(45deg);
transform: rotate3d(x,y,z,deg);
(rotatex)
(rotatey)
第一次飛行
開始敲下這段話時,窗外下面正是一片片陽光照耀著的白雲,伴隨著張學友的歌聲,心潮起伏.雖然從初中起,我就經常乙個人坐著火車,汽車東奔西跑,坐飛機卻是第一次.早上上飛機前,心裡忐忑,必竟還是踏在陸地上踏實.但上了飛機後注意力就放在其它地方上去了,而且,運氣好的是我有乙個靠窗的位置.飛機準備起飛了,助跑加...
第一次面試
話說3月4號學院召開實習動員大會並有三家公司過來進行宣講會，分別是國家體育總局亞運專案組，金蝶和華際友天，由此開始了實習生涯。周五的傍晚，正吃著飯的時候突然收到簡訊通知，金蝶週六上午10點有個面試。當晚就瀏覽著些簡歷製作相關的網頁，為第二天做準備，總以為，簡歷弄得可以了，然後每太留意去完善 後來才知...
第一次哭泣
第一次來到南方 沒有朋友 沒有親人 乙個從沒有出過門的乙個女孩子 為了工作 學習c 在這碰到了乙個很好的老師 當老師控制我的機器時 或者給我講題時 我都是很感動的 幾乎是每天都有問題 形成了依賴 以前他說不要一有問題就舉手問 我依然問 就算我不問他也會控制我的機器 看看我在做什麼 或者有什麼錯誤 現...