transition: property duration timing-function delay;
transition-property
規定設定過渡效果的 css 屬性的名稱。
transition-duration
規定完成過渡效果需要多少秒或毫秒。
transition-timing-function
規定速度效果的速度曲線。
transition-delay
定義過渡效果何時開始。
例子:
請把滑鼠指標移動到藍色的 div 元素上,就可以看到過渡效果。
注釋:本例在 internet explorer 中無效。
linear
規定以相同速度開始至結束的過渡效果(等於 cubic-bezier(0,0,1,1))。
ease
規定慢速開始,然後變快,然後慢速結束的過渡效果(cubic-bezier(0.25,0.1,0.25,1))。
ease-in
規定以慢速開始的過渡效果(等於 cubic-bezier(0.42,0,1,1))。
ease-out
規定以慢速結束的過渡效果(等於 cubic-bezier(0,0,0.58,1))。
ease-in-out
規定以慢速開始和結束的過渡效果(等於 cubic-bezier(0.42,0,0.58,1))。
cubic-bezier(n,n,n,n)
在 cubic-bezie
CSS每日學習筆記(0)
7.29.2019 1.css 指層疊樣式表 cascading style sheets 樣式定義如何顯示 html 元素 樣式通常儲存在樣式表中 把樣式新增到 html 4.0 中,是為了解決內容與表現分離的問題 外部樣式表可以極大提高工作效率 外部樣式表通常儲存在 css 檔案中 多個樣式定義...
CSS學習之css層疊規則
這是針對多個規則中宣告衝突的情況,如果都是不同型別的宣告,那麼直接應用即可,無需比較選取 css層疊分為兩種情況 一,選中的 二,繼承的。選中的大於繼承的 15.1 選中的 1.權重以及 分為5個級別 從大到小 1.讀者的重要宣告 important 2.創作人員的重要宣告 3.創作人員的正常宣告 ...
學習CSS之屬性
一 字型屬性 1.font family 字型族 常用的屬性值有 arial,courer,宋體 2.font size 字型大小 常用單位為pt point,磅 px pixel,畫素 有時也可用xx all,x all,medium,large,x large,xx large 如 3.font...